:root {
    --brand-1: #1B7E80;
    --brand-2: #1E9295;
    --brand-3: #00bfa6;
    --brand-4: #55d8c6;
    --brand-5: #E6F9F6;
    --gray-1: #080808;
    --gray-2: #333333;
    --gray-3: #808080;
    --gray-4: #cccccc;
    --gray-5: #E5E5E5;
    --gray-6: #F2F2F2;
    --gray-7: #F7F7F7;
    --gray-8: #F9F9F9;
    --white-1: #ffffff;
    --frame-1: #24283A;
    --frame-2: #383E5A;
    --frame-3: #496BA5;
    --frame-4: #6C93CC;
    --red-1: #FF5D4D;
    --red-2: #ff7777;
    --red-3: #ff7777bf;
    --red-4: #FFEEEE;
    --orange-1: #FF9C1A;
    --orange-2: #FFF5E9;
    --blue-1: #3C6DFD;
    --blue-2: #6188fa;
    --blue-3: #6AB5FC;
    --blue-4: #E9F3FF;
    --purple-1: #A18AFE;
    --purple-2:	#F3F1FF;
    --shadow-1: 0 3px 4px 0 rgba(0, 0, 0, 0.04);
    --shadow-2: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
    --shadow-3: 0 6px 10px 0 rgba(0, 0, 0, 0.08);
    font-family: SourceHanSans;
}

@charset "UTF-8";

/* æ¡†æž¶ */
html, .elite_body {
    background: var(--frame-1);
}

html, .elite_body, .wisgrid .wisgrid-cell-span {
    font-family: "SourceHanSans";
}

masker:last-of-type {
    left: 0 !important;
    top: 0 !important;
    /*width: 100vw !important;*/
    /*height: 100vh !important;*/
}

#mainBody .banner-dmp {
    top: 0;
    left: 0;
    margin: 0;
}

#mainBody .banner-row {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

#mainBody .banner-dmp .layer {
    background: url(greenSkin/loading1230.gif) no-repeat center;
    background-size: cover;
    height: 600px;
    width: 800px;
}

#mainBody .banner-dmp .layer.tip, #mainBody .banner-dmp .layer img {
    display: none;
}

#body {
    margin-left: 45px;
}

#mainContainer, #mainContainer #sideBar {
    background: var(--frame-1);
    box-shadow: 0 2px 4px 1px rgba(40, 120, 255, 0.08), 0 0 6px 1px rgba(0, 0, 0, 0.08);
    z-index: 1;
}

#mainContainer #sideBar .menu .menu_childs .menu {
    background: rgba(36, 40, 58, 0.5);
}

#mainContainer #sideBar .menu .menu_foldset {
    top: 5px;
    right: 10px;
}

#body.twocol #mainContainer #sideBar .menu .menu_foldset {
    top: 5px;
    right: 5px;
}

#mainContainer {
    top: 0px;
}

#mainContainer #area {
    background: var(--white-1);
}

/* icon */
.svg-icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: var(--frame-2);
    overflow: hidden;
}

.c_tools .selected .svg-icon,
.c_alert .selected .svg-icon {
    fill: var(--frame-3);
}

.job_item.selected .svg-icon.win {
    fill: var(--frame-3);
}

/* åŒæ æ¨¡å¼ */
#body.twocol {
    margin: 0;
}

/* menuBar* */
#menuBar {
    background: var(--frame-2);
    width: 45px;
    bottom: 40px;
}

#menuBar > .title {
    background: var(--brand-1);
    height: 60px;
}

#menuBar > .title .trigger {
    font-size: 20px;
    line-height: 60px;
}

#menuBar > .title .fa-thumbtack:before {
    content: "\f0c9";
}

#menuBar > .title a.trigger.pin i {
    transform: rotate(0);
    -ms-transform: rotate(0);
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    color: var(--white-1);
}

#menuBar > .title a.trigger i {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    color: var(--white-1);
}

#menuBar > .title a.trigger i {
    color: var(--white-1);
}

#menuBar > ul > li {
    padding: 0;
}

#menuBar > ul > li > a {
    opacity: .8;
    padding: .2em 0;
    display: block;
}

#menuBar > ul > li > a:hover {
    opacity: 1;
    background: var(--frame-1);
}

/* header */
#main_fullscreen_logo {
    display: block;
    width: auto;
    padding: 0 10px;
    background: var(--white-1);
}

header {
    background: var(--white-1);
    border: 0;
    display: flex;
    justify-content: space-between;
    height: 60px;
    align-items: center;
}

header .c_wrap {
    border: none;
}

header .c_wrap li.static {
    background-color: var(--gray-7);
}

header .c_wrap li.sep {
    border-bottom: none;
}

header .logo_t {
    padding: 0;
    min-width: auto;
    height: 60px;
    display: flex;
    align-items: center;
}

header .logo_t .logo {
    /* width: 24px; */
    height: 40px;
    margin: 0;
}

header .areaz {
    color: var(--gray-2);
    text-shadow: none;
    flex: 1;
    float: unset;
    width: 0;
    font-size: 18px;
    margin-left: 10px;
    line-height: 60px;
}

header .c_me {
    margin-right: 10px;
}

header .c_me > a.selected .triangle_border_up,
header .c_tools > a.selected .triangle_border_up,
header .c_alert > a.selected .triangle_border_up {
    border-color: transparent transparent var(--white-1);
}

header .c_chat > a:hover,
header .c_video > a:hover,
header .c_me > a:hover,
header .c_tools > a:hover,
header .c_alert > a:hover {
    background-color: var(--gray-6);
    color: var(--frame-4);
}

#c_softphone {
    margin-top: 0 !important;
    font-size: 14px;
    overflow-x: scroll;
    overflow-y: hidden;
    display: flex;
    flex-wrap: nowrap;
}

#c_softphone button {
    flex-grow: 0;
    flex-shrink: 0;
}

/* å·¦ä¾§èœå• */
.qvMenu {
    background-color: var(--frame-1);
    overflow: hidden;
    color: var(--white-1);
}

.qvMenu .menu_title,
.qvMenu .menu_item {
    line-height: 40px;
    padding-left: 20px;
}

.qvMenu .menu_title.selected {
    background: var(--brand-1);
}

.qvMenu i {
    color: var(--white-1);
}

#mainContainer #sideBar .qvMenu .tow-col-collapsed {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    color: var(--white-1);
}

.menu-col {
    font-size: 14px;
}

.qvMenu .menu_title:hover, .qvMenu .menu_item:hover {
    background: var(--brand-2);
}

.qvMenu .menu_title.active, .qvMenu .menu_item.active {
    background: var(--brand-1);
}

.qvMenu .menu_title a {
    color: var(--white-1);
}

.qvMenu .menu_title i {
    color: var(--white-1);
}

/* å·¦ä¾§èœå•--ä¸€çº§èœå• */
.qvMenu .first-col {
    width: 110px;
}

.first-col.menu-col .menu-item {
    height: 40px;
    line-height: 40px;
    align-items: center;
    display: flex;
    position: relative;
    color: var(--white-1);
}

.first-col.menu-col .menu-item:hover {
    background-color: var(--frame-2);
}

.first-col.menu-col .menu-item.active i,
.first-col.menu-col .menu-item.active {
    background-color: var(--frame-2);
    color: var(--brand-3);
}


/* å·¦ä¾§èœå•--äºŒçº§èœå• */
.second-col.menu-col {
    background: var(--frame-2);
}

.second-col.menu-col .menu-item {
    height: 40px;
    align-items: center;
    display: flex;
    position: relative;
    padding-left: 20px;
}

.second-col.menu-col .menu_title:hover,
.second-col.menu-col .menu_item:hover {
    background-color: var(--brand-2) !important;
}

#body.twocol .qvMenu .menu_title.selected,
.second-col.menu-col .menu_title.active,
.second-col.menu-col .menu_item.active {
    background-color: var(--brand-1);
}

.second-col.menu-col .menu_title i,
.second-col.menu-col .menu_title a,
.second-col.menu-col .menu_item a {
    color: var(--white-1);
}

/* æ ‡ç­¾æ  */
.project_tabs.ui-tabs .ui-tabs-scroll-container {
    height: 35px;
    background: url(greenSkin/bg.jpg) no-repeat;
    background-size: 100% 100%;
}

#area .project_tabs .ui-tabs-nav li {
    position: relative;
    margin: 0;
    border: 0;
}

.ui-tabs .ui-tabs-nav {
    padding: 7px 0 4px 0;
    font-size: 14px;
    background: transparent;
}

.ui-tabs .ui-tabs-nav-arrows {
    margin: 0 !important;
}

/* æ ‡ç­¾æ --å‰åŽicon */
.ui-tabs .ui-tabs-nav-arrows li {
    height: 40px;
    line-height: inherit;
    background: linear-gradient(to right, var(--frame-4) 70%, transparent);
    width: 40px;
    text-align: center;
}

.ui-tabs .ui-tabs-nav-arrows .ui-tabs-arrow-next {
    background: linear-gradient(to left, var(--frame-3) 70%, transparent);
    position: absolute;
    right: 0;
    top: 0;
}

.ui-tabs .ui-tabs-nav-arrows li a {
    padding: 10px !important;
}

.greenSkin .ui-tabs .ui-tabs-nav-scrollable {
    left: 5px;
}

#area .ui-tabs .ui-tabs-nav li:not(.ui-tabs-active) .ui-tabs-anchor {
    line-height: 30px;
    color: var(--white-1);
    padding: 0 35px 0 15px;
}

#area .ui-tabs .ui-tabs-nav li:not(.ui-tabs-active).ui-state-hover .ui-tabs-anchor .ui-icon {
    display: block;
}

#area .project_tabs .ui-tabs-nav li.ui-tabs-tab a {
    color: var(--frame-2);
    line-height: 30px;
    padding: 0 26px 0 10px;
}

#area .project_tabs .ui-tabs-nav li.ui-tabs-active {
    background: var(--gray-6);
    border-radius: 5px 5px 10px 10px;
    height: 30px;
}

#area .project_tabs > .ui-tabs-nav li.ui-tabs-active a::after {
    display: block;
}

#area .project_tabs .ui-tabs-nav li.ui-tabs-active a:before {
    display: block;
    width: 15px;
    height: 30px;
    background: url(greenSkin/bg_l.png);
    position: absolute;
    bottom: -1px;
    left: -8px;
    content: '';
}

#area .project_tabs .ui-tabs-nav li.ui-tabs-active a:after {
    content: '';
    display: block;
    width: 15px;
    height: 30px;
    background: url(greenSkin/bg_r.png) right center;
    position: absolute;
    bottom: -1px;
    right: -8px;
}

/* æ ‡ç­¾æ --åˆ†æ  */
#area .project_tabs .ui-tabs-nav li:not(:last-child)::before {
    content: '';
    height: 50%;
    width: 1px;
    background: rgba(255, 255, 255, 0.3);
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

/* æ ‡ç­¾æ --close-icon */
#area .project_tabs .ui-tabs-nav li > a > span.ui-icon {
    position: absolute;
    right: 6px;
    top: 6px;
    display: block;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    text-indent: 0;
    background: transparent !important;
    height: 20px;
    width: 20px;
    z-index: 999;
}

#area .project_tabs .ui-tabs-nav li > a > span.ui-icon:before {
    content: "\f00d";
    position: relative;
    right: 0;
    top: -2px;
    z-index: 999999;
}

/* header */
header .c_notify, header .c_right,
header .c_tools, header .c_alert {
    float: right;
    height: 60px;
    position: relative;
    padding: 0;
}

header .c_video > a,
header .c_chat > a,
header .c_tools > a,
header .c_alert > a {
    padding: 0;
    height: 100%;
    line-height: 60px;
}

header .c_tools > a {
    height: 100%;
    line-height: 60px;
    width: 50px;
    text-align: center;
    cursor: pointer;
}

header .c_alert > a {
    height: 100%;
    line-height: 60px;
    width: 50px;
    text-align: center;
    cursor: pointer;
}

header .alert_count {
    background: var(--red-1);
    position: absolute;
    top: 15px;
    left: 28px;
    width: auto;
    height: 16px;
    line-height: 16px;
    min-width: 20px;
    margin: 0;
    font-size: 12px;
    border-radius: 8px;
    padding: 0 5px;
}

header .c_video,
header .c_chat {
    width: 50px;
    height: 60px;
    text-align: center;
}

header .c_me > a {
    height: 60px;
    line-height: 60px;
}

header .c_alert:hover .alert_count {
    background: var(--red-1);
}

header .c_alert .selected,
header .c_tools .selected {
    color: var(--frame-4);
}

/* footer */
footer {
    background: var(--gray-6);
    height: 50px;
    border: 0;
    box-sizing: border-box;
    color: var(--gray-2);
}

footer .f_body {
    height: 50px;
}

footer #jobContainer i.notify {
    position: absolute;
    top: 5px;
    left: 35px;
    background: var(--red-1);
    width: auto;
    height: 16px;
    min-width: 20px;
    border-radius: 8px;
    line-height: 16px;
    font-size: 12px;
    padding: 0 5px;
    right: auto;
    z-index: 999;
}

footer #jobContainer .job_items .job_item {
    height: 100%;
    line-height: 50px;
    width: 50px;
    text-align: center;
    cursor: pointer;
    margin-right: 10px;
}

footer #jobContainer .job_items .job_item i.icon {
    font-size: 18px;
    color: var(--frame-2) !important;
}

.greenSkin .job_items svg.icon.svg-icon {
    width: 3em;
    height: 2em;
    vertical-align: -0.65em;
    overflow: hidden;
}

footer .f_wins {
    display: none;
}

footer #mainMarquee .marquee-flyer {
    height: 50px;
    display: flex;
    align-items: center;
}

footer #mainMarquee .flyerbox a {
    height: 30px;
    margin-right: 10px;
    line-height: 30px;
    background-color: var(--white-1);
    border-radius: 20px;
    padding: 0 16px;
    color: var(--gray-2);
}

footer #mainMarquee .flyerbox a > i {
    color: var(--gray-3);
    line-height: inherit;
    margin-right: 10px;
    font-size: 14px;
}

footer #agentMonitor {
    color: var(--gray-1);
    padding: 4px 20px;
    white-space: nowrap;
    display: none;
    height: 50px !important;
    flex-direction: column;
}

footer .f_heart {
    height: 100%;
    line-height: 50px;
}

footer #login_timer {
    line-height: 50px;
}

footer .f_heart i {
    margin: 0 10px;
}

footer .f_heart .js_socketFaild {
    color: var(--red-1)
}

footer .f_heart .js_heartbeat {
    color: var(--red-1)
}

/* sys_dialog */
.sys_dialog {
    border-radius: 10px;
    box-shadow: 1px 1px 10px var(--gray-4) !important;
    width: 500px;
    height: auto;
    display: flex;
    flex-direction: column;
}

.sys_dialog .title.unselectable {
    background: var(--gray-7) !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 60px;
    padding: 0 25px;
    line-height: 60px;
    font-size: 16px;
    font-weight: 600;
}

.sys_dialog .close_icon {
    margin-top: 16px;
    margin-right: 10px;
    opacity: 1;
}

.sys_dialog.ui-draggable .content {
    padding-left: 0;
    padding-right: 0;
    display: flex;
    text-align: center;
    justify-content: center;
    flex-direction: column-reverse;
    color: var(--gray-2);
    flex: 1;
    overflow: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.sys_dialog.ui-draggable .content .icon {
    text-align: center;
    border: none !important;
    position: relative;
    left: 0;
    display: block;
    font-size: initial;
    margin-bottom: 14px;
}

.sys_dialog.ui-draggable .content .icon i {
    height: 40px;
    width: 40px;
}

.sys_dialog.ui-draggable .content .icon i:before {
    content: '';
}

.sys_dialog.ui-draggable .content .icon.msg i {
    background: url(greenSkin/msg-tip.png) no-repeat center;
    background-size: 100%;
}

.sys_dialog.ui-draggable .content .icon.error i {
    background: url(greenSkin/error-tip.png) no-repeat center;
    background-size: 100%;
}

.sys_dialog.ui-draggable .content .icon.info i {
    background: url(greenSkin/info-tip.png) no-repeat center;
    background-size: 100%;
}

.sys_dialog.ui-draggable .content .icon.warn i {
    background: url(greenSkin/warn-tip.png) no-repeat center;
    background-size: 100%;
}

.sys_dialog.ui-draggable .content .icon.confirm i {
    background: url(greenSkin/confirm-tip.png) no-repeat center;
    background-size: 100%;
}

.sys_dialog.ui-draggable .btnbar {
    padding: 10px;
}

.sys_dialog.ui-draggable .btnbar .js_ok {
    border: 1px solid var(--brand-3);
    background: var(--brand-3);
    color: var(--white-1);
    border-radius: 5px;
    box-shadow: none;
    padding: 6px 22px;
}

.sys_dialog.ui-draggable .btnbar .js_cancel {
    border: 1px solid var(--gray-4);
    background: var(--white-1);
    color: var(--gray-3);
    box-shadow: unset;
    margin-left: 10px;
    border-radius: 5px;
    padding: 6px 22px;
}

.sys_dialog.ui-draggable button.chrome:focus {
    box-shadow: unset;
}

/* staffDialog */
.greenSkin .exDialog .boxHeader {
    background: var(--gray-7);
    padding: 0 35px 0 20px;
}

.exDialog {
    border-radius: 5px;
    overflow: hidden
}

.exDialog .boxHeader {
    background: var(--gray-7);
    padding: 0 35px 0 20px
}

.exDialog .boxHeader > .topIcon, .exDialog .boxHeader > .exTitle {
    color: var(--gray-2);
    text-shadow: none;
    font-weight: 600
}

.exDialog a.close_tip_icon > i {
    background: var(--gray-7);
    color: gray;
    font-weight: 300
}

.exDialog .btnsBar {
    background: var(--white-1)
}

.exDialog .btnsBar button {
    background: var(--white-1);
    border-radius: 3px;
    box-shadow: none;
    cursor: pointer;
    border: 1px solid var(--gray-5);
    color: var(--gray-2);
}

.exDialog .btnsBar button.js_submit {
    background: var(--brand-3);
    border: 1px solid var(--brand-3);
    color: var(--white-1);
}

.exDialog .btnsBar button.js_close {
    border: 1px solid var(--gray-5);
}

/* notify */
#notify {
    border-radius: 5px;
    background: var(--brand-3);
    color: var(--white-1);
}

#notify.error {
    background: var(--red-1);
}

/* å…¬å‘Šæ’ä»¶ */
#mCSB_2_container {
    color: var(--gray-2);
}

.greenSkin #plugin_message #plugin_message_tree .create_message_choice a{
    color: var(--gray-2);
}

#plugin_message_tree {
    background-color: var(--white-1);
}

.greenSkin #plugin_message {
    border: none;
}

.greenSkin #plugin_message .filtersContainer {
    border: none;
}

.greenSkin #plugin_message .page_nav {
    border: none !important;
}

.greenSkin #plugin_message .msgList > li {
    height: 40px;
    border: none !important;
    line-height: 30px;
}

#plugin_message .wissplitter_handler {
    background-color: var(--gray-6);
}

#plugin_message .wrapper {
    padding: 6px;
    background-color: var(--white-1)
}

#plugin_message .Sb {
    padding-top: 0;
    line-height: 40px;
}

#plugin_message .msgList > li:nth-child(even) {
    background-color: var(--gray-8);
}

#plugin_message #plugin_message_tree a.create_message {
    height: 40px;
    line-height: 40px;
    color: var(--gray-2);
    background: var(--gray-6) !important;

}

#plugin_message .notice_readflag {
    border-radius: 5px;
}

#plugin_message .filtersContainer {
    padding-left: 3px !important;
}

#plugin_message #plugin_message_tree a {
    height: 30px;
}

#plugin_message #plugin_message_tree .js_message_menu {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

#plugin_message .js_message_menu.create_note {
    color: var(--gray-2) !important;
}

#plugin_message .js_message_menu.selected {
    background: var(--brand-5) !important;
    color: var(--brand-3) !important;
}

#plugin_message .js_message_menu:hover {
    background: var(--gray-8) !important;
}

#plugin_message .wispage_nav input {
    border-radius: 5px;
}

#staffSelectorDialog .stafflist a.clearStaffs,
#staffSelectorDialog.exDialog .dialogContent .filter i {
    color: var(--brand-3);
}

#staffSelectorDialog .filter {
    border-radius: 5px;
}

#staffSelectorDialog .filter input {
    background-color: transparent;
}

#staffSelectorDialog .stafflist div,
#staffSelectorDialog .stafflist .js_list {
    border: none !important;
}

#staffSelectorDialog .wislist .actBar i,
#staffSelectorDialog .wislist .wislist_item .ckb {
    color: var(--brand-3);
}

#staffSelectorDialog .wislist .actBar {
    background: var(--gray-6);
    height: 40px;
    line-height: 40px;
    border-bottom: none;
    padding: 0 5px;
}

#staffSelectorDialog .staff_list .wislist_item {
    height: 40px;
    padding: 0 5px;
    line-height: 40px;
    border: none;
}

#staffSelectorDialog .staff_list .wislist_item.selected {
    background: var(--brand-5);
    color: var(--brand-3);
}

#staffSelectorDialog .staff_list .wislist_item:hover {
    background: var(--gray-7);
}

.greenSkin #staffSelectorDialog .stafflist ul.js_list>li {
    height: 40px;
    border-bottom: none;
    padding: 0 5px;
    line-height: 40px;
    display: flex;
    align-items: center;
}

.greenSkin #staffSelectorDialog .stafflist ul.js_list>li>a {
    right: 8px;
    top: 10px;
}

.greenSkin #staffSelectorDialog .stafflist ul.js_list>li>a:hover {
    color: var(--brand-3);
}

/* æ¶ˆæ¯å¼¹çª— */
#elitePopupContainer {
    position: absolute;
    right: 3px;
    top: 60px;
    z-index: 3000;
}


#elitePopupContainer .elitePopup {
    height: auto;
    min-width: 400px;
    background: var(--white-1);
    border: none;
    box-shadow: 0px 2px 20px 0px rgba(94, 94, 94, 0.5);
    border-radius: 5px;
}

#elitePopupContainer .elitePopup .title {
    display: flex;
    height: 20px;
    color: var(--gray-2);
    font-size: 18px;
    border: none;
    padding: 20px;
    align-items: center;
}

#elitePopupContainer .elitePopup .js_close {
    position: absolute;
    top: 24px;
    right: 24px;
    color: var(--gray-3);
}

#elitePopupContainer .elitePopup .inner .js_msg {
    padding: 0 20px 20px 20px;
    color: var(--gray-3);
}

#elitePopupContainer .elitePopup .inner.red .js_msg {
    color: var(--red-1);
    padding: 0 20px 20px 45px;
}

/* step æŽ§ä»¶ */
[data-type="STEPS"] .step_item {
    background: var(--gray-4);
    color: var(--white-1);
    padding: 0;
    border-radius: 2em;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.6em;
    text-align: center;
    cursor: default;
    box-shadow: unset
}

[data-type="STEPS"] .step_item.label {
    width: auto;
    min-width: 1.5em;
    padding: 0;
}

[data-type="STEPS"] .step_item * {
    cursor: default;
}

[data-type="STEPS"] .step_item.number {
    font-weight: bold;
}

[data-type="STEPS"] .step_item.over {
    background: var(--brand-3);
    color: var(--white-1);
    cursor: pointer;
}

[data-type="STEPS"] .step_item.over * {
    cursor: pointer;
}

[data-type="STEPS"] .step_con {
    padding: 0;
    margin: 0.7em -15px 0;
    height: 0;
    border-bottom: 3px solid #d0cfcf;
    background: none;
    flex: 1;
    z-index: 99;
}

[data-type="STEPS"] .step_con.over {
    border-bottom: 3px solid var(--brand-3);
    z-index: 99;
}

[data-type="STEPS"] .ctl_steps * {
    vertical-align: inherit;
}

[data-type="STEPS"] .step_div {
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 100;
}

[data-type="STEPS"] .step_label {
    font-size: 12px
}

/* timeline */
[data-type="TIMELINE"] .timeline:before {
    background: var(--gray-4);
    width: 0.2em;
    left: 11.3em;
}

[data-type="TIMELINE"] .timeline.twoside:before {
    left: 50.5%;
}

[data-type="TIMELINE"] .timeline > li .times span.date {
    font-size: 1.2em;
    color: var(--gray-3);
}

[data-type="TIMELINE"] .timeline > li .times span.time {
    font-size: 2.5em;
    color: var(--brand-3);
}

[data-type="TIMELINE"] .timeline.row:before {
    height: 0.2em;
    width: 100%;
    top: 6.5em;
    left: 0;
}

[data-type="TIMELINE"] .timeline.row.twoside:before {
    left: 0;
    top: 15.3em;
}

[data-type="TIMELINE"] .timeline > li .icon {
    margin: 0.2em 2em;
}

[data-type="TIMELINE"] .timeline > li .icon > i:before {
    background: var(--brand-3);
    box-shadow: 0 0 0 0.2em var(--brand-3);
}

[data-type="TIMELINE"] .timeline > li .content {
    background-color: var(--brand-3);
    color: var(--white-1);
    padding: 10px 20px;
    line-height: 1.5em;
    position: relative;
    border-radius: 5px;
    flex: 1;
    min-height: 4.6em;
}

[data-type="TIMELINE"] .timeline > li .content:after {
    border: 7px solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    top: 20px;
    right: 100%;
    border-right: 7px solid var(--brand-3);
}

[data-type="TIMELINE"] .timeline.row > li .content:after {
    border: 7px solid transparent;
    top: -1em;
    right: 50%;
    border-bottom: 7px solid var(--brand-3);
}

[data-type="TIMELINE"] .timeline.twoside > li:nth-child(even) .content {
    background-color: var(--brand-3);
}

[data-type="TIMELINE"] .timeline.twoside > li .times span.time {
    color: var(--brand-3);
}

[data-type="TIMELINE"] .timeline.twoside > li:nth-child(even) .times span.time {
    color: var(--brand-3);
}

[data-type="TIMELINE"] .timeline.twoside > li:nth-child(even) .content:after {
    left: 100%;
    right: inherit;
    border-left: 7px solid var(--brand-3);
    border-right-color: transparent;
}

/* CALENDAR */
[data-type="CALENDAR"].wisCalendar div.head, .exDialog [data-type="CALENDAR"].wisCalendar div.head {
    background-color: var(--brand-3) !important;
}

[data-type="CALENDAR"].wisCalendar div.head .cal {
    color: var(--white-1) !important;
}

[data-type="CALENDAR"].wisCalendar .presentation .g > *:not(.weeks) {
    border-right: 1px solid var(--gray-7);
}

[data-type="CALENDAR"].wisCalendar .presentation .k .cell .unit {
    width: 95%;
    height: 55px;
    left: 3px;
}

[data-type="CALENDAR"].wisCalendar .presentation .row {
    border-bottom: 1px solid var(--gray-7);
}

[data-type="CALENDAR"].wisCalendar .presentation .today .cal {
    background-color: var(--brand-3);
    width: 25px;
    height: 25px;
    line-height: 25px;
    padding-right: 2px;
}

[data-type="CALENDAR"].wisCalendar .presentation .row {
    border-bottom: 1px solid var(--gray-7);
}

/*[data-type="CALENDAR"].wisCalendar .presentation .k .cell .unit div:hover {*/
/*    transform: translateX(-5px);*/
/*}*/

[data-type="CALENDAR"].wisCalendar .presentation .k .cell .unit .event,
.wisCalendar_dialog.more .more_list .event {
    background: var(--brand-3);
}

[data-type="CALENDAR"].wisCalendar .presentation .k .cell .unit .event:hover,
.wisCalendar_dialog.more .more_list .event:hover {
    background: var(--brand-2);
}

[data-type="CALENDAR"].wisCalendar .presentation .k .cell .unit .notify,
.wisCalendar_dialog.more .more_list .notify {
    background: var(--red-2);
}

[data-type="CALENDAR"].wisCalendar .presentation .k .cell .unit .notify:hover,
.wisCalendar_dialog.more .more_list .notify:hover {
    background: var(--red-1)
}

[data-type="CALENDAR"].wisCalendar_dialog.detail.notify .pad {
    background: var(--red-2);
}

[data-type="CALENDAR"].wisCalendar .presentation .k .cell .unit .vacation,
.wisCalendar_dialog.more .more_list .vacation {
    background: var(--brand-5);
    color: var(--gray-2)!important;
}

[data-type="CALENDAR"].wisCalendar .presentation .k .cell .unit .vacation:hover,
.wisCalendar_dialog.more .more_list .vacation:hover {
    background: var(--brand-4);
    color: var(--white-1)!important;
}


.wisCalendar_dialog.detail .edit, .wisCalendar_dialog.detail .pad {
    background: var(--brand-3);
}

.wisCalendar_dialog .btns > button, .wisCalendar_dialog .newevent span.type.select {
    background: var(--brand-3);
    border: var(--brand-3) 1px solid;
    box-shadow: none;
}

.wisCalendar_dialog.detail.vacation .pad, .wisCalendar_dialog.detail.vacation .edit {
    background: var(--brand-4);
}

[data-type="CALENDAR"].wisCalendar .presentation .k .cell .unit .event.expired,
.wisCalendar_dialog.more .more_list .event.expired {
    background: var(--gray-3);
}

[data-type="CALENDAR"].wisCalendar .presentation .k .cell .unit .notify.expired,
.wisCalendar_dialog.more .more_list .notify.expired {
    background: var(--gray-4);
}

[data-type="CALENDAR"].wisCalendar .presentation .k .cell .unit .vacation.expired,
.wisCalendar_dialog.more .more_list .vacation.expired {
    background: var(--gray-5);
}

[data-type="CALENDAR"].wisCalendar .presentation .k .cell .unit .event.expired:hover,
.wisCalendar_dialog.more .more_list .event.expired:hover {
    background: var(--brand-4);
}

[data-type="CALENDAR"].wisCalendar .presentation .k .cell .unit .notify.expired:hover,
.wisCalendar_dialog.more .more_list .notify.expired:hover {
    background: var(--red-2);
}

[data-type="CALENDAR"].wisCalendar .presentation .k .cell .unit .vacation.expired:hover,
.wisCalendar_dialog.more .more_list .vacation.expired:hover {
    background: var(--brand-5);
    color: var(--gray-2)!important;
}

.greenSkin #plugin_asyncJobs .grid > table td.status_0 {
    color: var(--brand-3);
}

.greenSkin #plugin_asyncJobs .grid > table td.status_1 {
    color: var(--brand-3);
}

.greenSkin #plugin_asyncJobs .grid > table td.status_2 {
    color: var(--gray-2);
}

/* tree æŽ§ä»¶ */
[data-type="TREE"],
.exDialog .wistree,
.exDialog .wislist {
    background-color: var(--white-1);
    border-radius: 4px;
    border: 0 !important;
}

.wistree:focus,
.exDialog .wistree:focus,
.exDialog .wislist:focus {
    border: 0;
    box-shadow: none;
}

.wistree > div, .exDialog .wistree > div {
    display: flex;
    flex-direction: column;
}

.greenSkin .wistree ul.wistree-root,
.exDialog .wistree ul.wistree-root {
    flex: 1;
    height: auto;
    overflow: auto;
}

.wistree .wistree-checkall,
.exDialog .wistree .wistree-checkall {
    background: var(--gray-7);
    padding: 0 10px;
    border-bottom: 0;
    box-shadow: none;
    height: 40px;
    line-height: 40px;
}

.wistree a.createnew,
.exDialog .wistree a.createnew {
    border: 2px dashed var(--brand-3);
    line-height: 30px;
    color: var(--brand-3);
    margin: 0;
    opacity: 1;
}

.wistree a.createnew:hover,
.exDialog .wistree a.createnew:hover {
    background: var(--brand-3);
    color: var(--white-1);
}

.wistree a.createnew i,
.exDialog .wistree a.createnew i {
    font-size: 16px;
    line-height: inherit;
}

.wistree a.createnew > span,
.exDialog .wistree a.createnew > span {
    opacity: 1;
}

[data-type="TREE"] .wistree-node .wistree-node-el,
.exDialog .wistree .wistree-node .wistree-node-el {
    line-height: 40px;
    height: 40px;
    font-style: normal;
}

[data-type="TREE"] .wistree-node .wistree-node-over,
.exDialog .wistree .wistree-node .wistree-node-over {
    background: var(--gray-6);
}

[data-type="TREE"] .wistree-node .wistree-selected,
[data-type="TREE"] .wistree-node .wistree-selected .selector_item_id,
[data-type="TREE"] .wistree-node .wistree-selected .menu_opr,
[data-type="TREE"] .wistree-node .wistree-selected:hover .menu_opr,
[data-type="TREE"] .wistree-node .wistree-selected span.gray,
.exDialog .wistree .wistree-node .wistree-selected,
.exDialog .wistree .wistree-node .wistree-selected .selector_item_id,
.exDialog .wistree .wistree-node .wistree-selected .menu_opr,
.exDialog .wistree .wistree-node .wistree-selected:hover .menu_opr,
.exDialog .wistree .wistree-node .wistree-selected span.gray {
    background: var(--gray-5);
    color: var(--brand-3);
}

[data-type="TREE"] .wistree-node-el:hover .menu_opr,
.exDialog .wistree .wistree-node-el:hover .menu_opr {
    background: var(--gray-6);
}

[data-type="TREE"] .wistree-node-el .menu_opr a,
.exDialog .wistree .wistree-node-el .menu_opr a {
    color: var(--brand-3);
    font-size: 16px;
    opacity: 1;
    margin: 0 6px;
}

[data-type="TREE"] .wistree-node-cb,
.exDialog .wistree .wistree-node-cb {
    background-image: url(../themes/greenSkin/checkbox.png);
    height: 40px;
    margin-right: 5px;
    margin-left: 5px;
}

[data-type="TREE"] .wistree-node-cb.checkpart,
.exDialog .wistree .wistree-node-cb.checkpart {
    background-position: -23px 14px;
}

[data-type="TREE"] .wistree-node-cb.uncheck,
.exDialog .wistree .wistree-node-cb.uncheck {
    background-position: 0 14px;
}

[data-type="TREE"] .wistree-node-cb.checked,
.exDialog .wistree .wistree-node-cb.checked {
    background-position: -47px 14px
}

[data-type="TREE"] .wistree-arrows .wistree-elbow-plus,
[data-type="TREE"] .wistree-arrows .wistree-elbow-minus,
[data-type="TREE"] .wistree-arrows .wistree-elbow,
.exDialog .wistree .wistree-arrows .wistree-elbow-plus,
.exDialog .wistree .wistree-arrows .wistree-elbow-minus,
.exDialog .wistree .wistree-arrows .wistree-elbow {
    height: 40px;
    margin-right: 5px;
    background: none;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
}

[data-type="TREE"] .wistree-arrows .wistree-elbow-minus:before,
.exDialog .wistree .wistree-arrows .wistree-elbow-minus:before {
    content: "\f0d7";
    color: var(--gray-4);
}

[data-type="TREE"] .wistree-node .wistree-selected .wistree-elbow-minus:before,
.exDialog .wistree .wistree-node .wistree-selected .wistree-elbow-minus:before {
    content: "\f0d7";
    color: var(--brand-3)
}

[data-type="TREE"] .wistree-arrows .wistree-node-over .wistree-elbow-minus:before,
.exDialog .wistree .wistree-arrows .wistree-node-over .wistree-elbow-minus:before {
    content: "\f0d7";
    color: var(--gray-4);
}

[data-type="TREE"] .wistree-node .wistree-selected .wistree-elbow-plus:before,
.exDialog .wistree .wistree-node .wistree-selected .wistree-elbow-plus:before {
    content: "\f0da";
    color: var(--brand-3);
}

[data-type="TREE"] .wistree-arrows .wistree-node-over .wistree-elbow-plus:before,
.exDialog .wistree .wistree-arrows .wistree-node-over .wistree-elbow-plus:before {
    content: "\f0da";
    color: var(--gray-4);
}

[data-type="TREE"] .wistree-arrows .wistree-elbow-plus:before,
.exDialog .wistree .wistree-arrows .wistree-elbow-plus:before {
    content: "\f0da";
    color: var(--gray-4);
}

.wistree .wistree-node-el .fa-folder,
.wistree .wistree-node-el .fa-folder-open,
.exDialog .wistree .wistree-node-el .fa-folder,
.exDialog .wistree .wistree-node-el .fa-folder-open {
    color: var(--gray-3);
}

.wistree .wistree-node-el.wistree-selected .fa-folder,
.wistree .wistree-node-el.wistree-selected .fa-folder-open,
.exDialog .wistree .wistree-node-el.wistree-selected .fa-folder,
.exDialog .wistree .wistree-node-el.wistree-selected .fa-folder-open {
    color: var(--brand-3);
}

/* AUDIO 控件 */
.greenSkin [data-type="AUDIO"] .audio_controls .audio_time span {
    font-size: 80%;
}

.greenSkin [data-type="AUDIO"] .audio_controls button:hover {
    border: 0;
}

.greenSkin [data-type="AUDIO"] {
    width: 100%;
    background: var(--white-1);
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
    padding: 5px;

}

[data-type="AUDIO"] .audio_inner {
    background: var(--white-1);
    border: 0;
    height: auto;
}

[data-type="AUDIO"] .audio_controls {
    position: relative;
    height: 100%;
}

[data-type="AUDIO"] .audio_controls .audio_bar_rail {
    margin: 0;
    height: auto;
    line-height: 24px;
}

[data-type="AUDIO"] .audio_controls .audio_time {
    display: block;
    font-size: 14px;
    padding: 0 10px;
    line-height: 1;
}

[data-type="AUDIO"] .audio_controls .audio_time_rail .wp-time-total {
    background: var(--gray-5);
    border-radius: 10px;
}

[data-type="AUDIO"] .audio_controls .audio_time_rail .wp-time-loaded {
    background: var(--gray-5);
    border-radius: 10px;
}

[data-type="AUDIO"] .audio_controls .audio_time_rail .wp-time-current {
    background: var(--brand-3);
    border-radius: 10px;
}

[data-type="AUDIO"] .audio_controls .audio_time_rail .wp-time-handle {
    width: 10px;
    height: 10px;
    border: 1px solid var(--brand-3);
    border-radius: 50%;
    background: var(--white-1);
    top: 0px;
}

[data-type="AUDIO"] .audio_controls .audio_bar_operation {
    height: auto;
    padding: 3px 10px 0 10px;
    display: flex;
}

[data-type="AUDIO"] .audio_controls .audio_button {
    background: transparent;
    font-family: 'Font Awesome 5 Pro';
    display: flex;
    height: auto;
}

[data-type="AUDIO"] .audio_controls .audio_slow:before {
    font-weight: 900;
    content: "\f048";
    color: var(--brand-3);
    font-size: 100%;
}

[data-type="AUDIO"] .audio_controls .audio_pause:before {
    font-weight: 900;
    content: "\f04c";
    color: var(--brand-3);
    font-size: 100%;
}

[data-type="AUDIO"] .audio_controls .audio_play:before {
    font-weight: 900;
    content: "\f04b";
    color: var(--brand-3);
    font-size: 100%;
}

[data-type="AUDIO"] .audio_controls .audio_quick:before {
    font-weight: 900;
    content: "\f051";
    color: var(--brand-3);
    font-size: 100%;
}

[data-type="AUDIO"] .audio_controls .audio_volume:before {
    font-weight: 900;
    content: "\f6a8";
    color: var(--brand-3);
    font-size: 100%;
}

[data-type="AUDIO"] .audio_controls .audio_volume.mute:before {
    content: "\f6a9";
}

[data-type="AUDIO"] .audio_controls .audio_volume_slide {
    background: #DDDDDD;
    border: 0;
    min-width: 20px;
    flex: 1;
    max-width: 100px;
    box-shadow: none;
}

[data-type="AUDIO"] .audio_controls .tip {
    padding-left: 0;
    height: 0;
}

[data-type="AUDIO"] .audio_controls .ui-slider .ui-slider-range {
    background: var(--brand-3);;
}

[data-type="AUDIO"] .audio_controls .audio_volume_slide .ui-slider-handle {
    height: 8px;
    border: 1px solid var(--brand-3);
    border-radius: 50%;
    background: var(--white-1);
    top: 0;
}

[data-type="AUDIO"] .audio_controls .audio_speed {
    margin: 0;
    font-size: 12px!important;
    padding-right: 0!important;
    color: var(--brand-3);
    font-size: 14px;
    float: right;
}

.project_tabs > .ui-tabs-nav li_skin.ui-tabs-active {
    background-image: linear-gradient(-180deg, #c4d6e6 0%, var(--gray-6) 100%);
}

.greenSkin .dyn_box {
    padding: 0 !important;
}

.greenSkin ::-webkit-scrollbar,
.exDialog ::-webkit-scrollbar {
    width: 5px;
    height: 8px;
}

/* Handle */
.greenSkin ::-webkit-scrollbar-thumb ,
.exDialog ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #E5E5E5;
    -webkit-box-shadow: inset 0 0 6px #E5E5E5;
}

.greenSkin ::-webkit-scrollbar-thumb:window-inactive ,
.greenSkin ::-webkit-scrollbar-thumb:window-inactive ,
.exDialog ::-webkit-scrollbar-thumb:window-inactive {
    background: #E5E5E5;
}

.greenSkin .ve_inner .detail + .ve_assist
{
    opacity: 1;
    bottom:0;
    top:-15px;
}

/* panel */
.greenSkin .dyn_shell > .dyn_box > [data-type="PANEL"],
.greenSkin .dyn_shell > .dyn_box > [data-type="DIV"],
.greenSkin .dyn_shell > .dyn_box > [data-type="LAYER"],
.greenSkin .dyn_shell > .dyn_box > [data-type="LAYOUT"] {
    padding: 10px;
    background: var(--gray-6);
}

.greenSkin .dyn_sidebar > div[data-type="LAYER"] {
    background-color: var(--gray-6);
}
/* datetime */
.greenSkin [data-type="DATETIME"].disabled .ve_form span,
.exDialog [data-type="DATETIME"].disabled .ve_form span{
    color:var(--gray-4);
}

.greenSkin [data-type="DATETIME"] .ve_form .ve_assist .ibtn,
.exDialog [data-type="DATETIME"] .ve_form .ve_assist .ibtn {
    background: url(../themes/greenSkin/date.png) no-repeat center;
    width: 26px;
    height: 26px;
}

.greenSkin [data-type="DATETIME"].disabled .ve_form .ve_assist .ibtn ,
.exDialog [data-type="DATETIME"].disabled .ve_form .ve_assist .ibtn {
    background: url(../themes/greenSkin/un_date.png) no-repeat center;
}

.greenSkin [data-type="DATETIME"] .ve_form .ve_assist .ibtn:before ,
.exDialog [data-type="DATETIME"] .ve_form .ve_assist .ibtn:before {
    content: '';
}
/* button */

.greenSkin [data-type="BUTTON"] ,
.exDialog [data-type="BUTTON"] {
    border-radius: 5px;
    border: 1px solid var(--brand-3);
    background: var(--brand-3);
    color: var(--white-1);
    height: 30px;
    box-shadow: none;
    font-size: 12px;
    line-height: 20px;
    cursor: pointer;
}

[data-type="BUTTON"].ngs_icon_nb ,
[data-type="BUTTON"].ngs_icon_nb {
    background: transparent;
    color: var(--brand-3);
    border: none;
    opacity: 1;
}

.blue_skin [data-type="BUTTON"].ngs_icon_nb:hover ,
.exDialog [data-type="BUTTON"].ngs_icon_nb:hover {
    background: transparent;
    color: var(--brand-4);
    border: none;
    opacity: 1;
}

button:not(:disabled):not(.wisButtonGroupItem):HOVER {
    border: none;
}

.greenSkin [data-type="BUTTON"]:not(:disabled):not(.ngs_icon_nb):hover ,
.exDialog [data-type="BUTTON"]:not(:disabled):not(.ngs_icon_nb):hover {
    background: var(--brand-4);
    color: var(--white-1);
    border: 1px solid var(--brand-4);
}

.greenSkin [data-type="BUTTON"].line ,
.exDialog [data-type="BUTTON"].line {
    background: var(--white-1);
    color: var(--brand-3);
    border: 1px solid var(--brand-3);
}

.greenSkin [data-type="BUTTON"]:not(:disabled):not(.ngs_icon_nb).line:hover ,
.exDialog [data-type="BUTTON"]:not(:disabled):not(.ngs_icon_nb).line:hover {
    background: var(--brand-5);
    color: var(--brand-3);
    border: 1px solid var(--brand-3);
}

.greenSkin [data-type="BUTTON"].red.line ,
.exDialog [data-type="BUTTON"].red.line {
    background: var(--white-1);
    color: var(--red-1);
    border: 1px solid var(--red-1);
}

.greenSkin [data-type="BUTTON"]:not(:disabled):not(.ngs_icon_nb).red.line:hover ,
.exDialog [data-type="BUTTON"]:not(:disabled):not(.ngs_icon_nb).red.line:hover {
    background: var(--red-4);
    color: var(--red-1);
    border: 1px solid var(--red-1);
}

.greenSkin [data-type="BUTTON"].orange ,
.exDialog [data-type="BUTTON"].orange {
    background: var(--white-1);
    color: var(--orange-1);
    border: 1px solid var(--orange-1);
    text-shadow:none;
}

.greenSkin [data-type="BUTTON"]:not(:disabled):not(.ngs_icon_nb).orange:hover ,
.exDialog [data-type="BUTTON"]:not(:disabled):not(.ngs_icon_nb).orange:hover {
    background: var(--orange-2);
    color: var(--orange-1);
    border: 1px solid var(--orange-1);
}

.greenSkin [data-type="BUTTON"].purple ,
.exDialog [data-type="BUTTON"].purple {
    background: var(--white-1);
    color: var(--purple-1);
    border: 1px solid var(--purple-1);
}

.greenSkin [data-type="BUTTON"]:not(:disabled):not(.ngs_icon_nb).purple:hover ,
.exDialog [data-type="BUTTON"]:not(:disabled):not(.ngs_icon_nb).purple:hover {
    background: var(--purple-2);
    color: var(--purple-1);
    border: 1px solid var(--purple-1);
}

.greenSkin [data-type="BUTTON"].lightblue ,
.exDialog [data-type="BUTTON"].lightblue {
    background: var(--white-1);
    color: var(--blue-3);
    border: 1px solid var(--blue-3);
}

.greenSkin [data-type="BUTTON"]:not(:disabled):not(.ngs_icon_nb).lightblue:hover ,
.exDialog [data-type="BUTTON"]:not(:disabled):not(.ngs_icon_nb).lightblue:hover {
    background: var(--blue-4);
    color: var(--blue-3);
    border: 1px solid var(--blue-3);
}

.greenSkin [data-type="BUTTON"].dange ,
.exDialog [data-type="BUTTON"].dange {
    border: 1px solid var(--red-1);
    color: var(--white-1);
    background: var(--red-1);;
}

.greenSkin [data-type="BUTTON"]:not(:disabled):not(.ngs_icon_nb).dange:hover ,
.exDialog [data-type="BUTTON"]:not(:disabled):not(.ngs_icon_nb).dange:hover {
    border: 1px solid var(--red-2);
    color: var(--white-1);
    background: var(--red-2);
    text-shadow: none;
}

.greenSkin [data-type="BUTTON"].primary ,
.exDialog [data-type="BUTTON"].primary {
    border: 1px solid var(--blue-1);
    color: var(--white-1);
    background: var(--blue-1);;
}


.greenSkin [data-type="BUTTON"]:not(:disabled):not(.ngs_icon_nb).primary:hover ,
.exDialog [data-type="BUTTON"]:not(:disabled):not(.ngs_icon_nb).primary:hover {
    border: 1px solid var(--blue-2);
    color: var(--white-1);
    background: var(--blue-2);
    text-shadow: none;
}

.greenSkin [data-type="BUTTON"].red ,
.exDialog [data-type="BUTTON"].red {
    border: 1px solid var(--red-1);
    color: white;
    background: var(--red-1);
}

.greenSkin [data-type="BUTTON"]:not(:disabled):not(.ngs_icon_nb).red:hover ,
.exDialog [data-type="BUTTON"]:not(:disabled):not(.ngs_icon_nb).red:hover {
    border: 1px solid var(--red-2);
    color: white;
    background: var(--red-2);
}

.greenSkin [data-type="BUTTON"].primary.line ,
.exDialog [data-type="BUTTON"].primary.line {
    border: 1px solid var(--blue-1);
    color: var(--blue-1);
    background: var(--white-1);
    text-shadow: none;
}

.greenSkin [data-type="BUTTON"]:not(:disabled):not(.ngs_icon_nb).primary.line:hover ,
.exDialog [data-type="BUTTON"]:not(:disabled):not(.ngs_icon_nb).primary.line:hover {
    border: 1px solid var(--blue-1);
    color: var(--blue-1);
    background: var(--blue-4);
}

.greenSkin [data-type="BUTTON"].gray ,
.exDialog [data-type="BUTTON"].gray {
    border: 1px solid var(--gray-3);
    color: var(--white-1);
    background: var(--gray-3);
}

.greenSkin [data-type="BUTTON"]:not(:disabled):not(.ngs_icon_nb).gray:hover ,
.exDialog [data-type="BUTTON"]:not(:disabled):not(.ngs_icon_nb).gray:hover {
    border: 1px solid var(--gray-4);
    color: var(--white-1);
    background: var(--gray-4);
}

.greenSkin [data-type="BUTTON"].gray.line ,
.exDialog [data-type="BUTTON"].line {
    border: 1px solid var(--gray-3);
    color: var(--gray-3);
    background: var(--white-1);
}

.greenSkin [data-type="BUTTON"]:not(:disabled):not(.ngs_icon_nb).gray.line:hover ,
.exDialog [data-type="BUTTON"]:not(:disabled):not(.ngs_icon_nb).gray.line:hover {
    border: 1px solid var(--gray-3);
    color: var(--gray-3);
    background: var(--gray-6);
}

.greenSkin [data-type="BUTTON"].disabled ,
.exDialog [data-type="BUTTON"].disabled {
    border: 1px solid var(--gray-6);
    background: var(--gray-6);
    color: var(--gray-3);
    text-shadow: none;
}

.greenSkin [data-type="BUTTON"].line.disabled ,
.exDialog [data-type="BUTTON"].line.disabled {
    background: var(--white-1);
    color: var(--gray-4);
    border: 1px solid var(--gray-4);
}

.greenSkin [data-type="BUTTON"].ngs_goback ,
.exDialog [data-type="BUTTON"].ngs_goback {
    cursor: pointer;
    color: background;
    padding: 0;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    border-radius: 15px;
    border: 0;
    outline: none;
    content: "";
    opacity: .5
}

.greenSkin [data-type="BUTTON"].ngs_forward ,
.exDialog [data-type="BUTTON"].ngs_forward {
    cursor: pointer;
    color: background;
    padding: 0;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    border-radius: 15px;
    border: 0;
    outline: none;
    content: "";
    opacity: .5
}
.greenSkin [data-type="BUTTON"].ngs_forward:hover ,
.exDialog [data-type="BUTTON"].ngs_forward:hover,
.greenSkin [data-type="BUTTON"].ngs_goback:hover,
.exDialog [data-type="BUTTON"].ngs_goback:hover {
    opacity: 1;
}

/* ä¸‹æ‹‰æŒ‰é’® */
.greenSkin [data-type="BUTTON"].wisDropdown,
.exDialog [data-type="BUTTON"].wisDropdown,
.greenSkin [data-type="DROPDOWN"].wisDropdown ,
.exDialog [data-type="DROPDOWN"].wisDropdown {
    background-color: transparent;
    color: inherit;
}
.greenSkin [data-type="BUTTON"].wisDropdown .box,
.exDialog [data-type="BUTTON"].wisDropdown .box,
.greenSkin [data-type="DROPDOWN"].wisDropdown .box ,
.exDialog [data-type="DROPDOWN"].wisDropdown .box {
    border: 1px solid #cad0e6;
    border-radius: 3px;
    /* background: white; */
}
.greenSkin [data-type="BUTTON"].wisDropdown a.btn,
.exDialog [data-type="BUTTON"].wisDropdown a.btn,
.greenSkin [data-type="DROPDOWN"].wisDropdown a.btn ,
.exDialog [data-type="DROPDOWN"].wisDropdown a.btn {
    background: transparent;
    border: 0;
    box-shadow: none;
    color: inherit;
}
.greenSkin [data-type="BUTTON"].wisDropdown a.btn.toggle,
.exDialog [data-type="BUTTON"].wisDropdown a.btn.toggle,
.greenSkin [data-type="DROPDOWN"].wisDropdown a.btn.toggle,
.exDialog [data-type="DROPDOWN"].wisDropdown a.btn.toggle {
    color: var(--brand-3);
}

/* æ— è¾¹æ¡†ä¸‹æ‹‰æŒ‰é’® */
.greenSkin [data-type="BUTTON"].wisDropdown.noborder .box,
.exDialog [data-type="BUTTON"].wisDropdown.noborder .box,
.greenSkin [data-type="DROPDOWN"].wisDropdown.noborder .box,
.exDialog [data-type="DROPDOWN"].wisDropdown.noborder .box {
    border: 0;
}

.greenSkin [data-type="BUTTON"].wisDropdown.noborder a.btn.toggle,
.exDialog [data-type="BUTTON"].wisDropdown.noborder a.btn.toggle,
.greenSkin [data-type="DROPDOWN"].wisDropdown.noborder a.btn.toggle,
.exDialog [data-type="DROPDOWN"].wisDropdown.noborder a.btn.toggle {
    color: transparent;
}

.greenSkin [data-type="BUTTON"].unable ,
.exDialog [data-type="BUTTON"].unable {
    background-color: #999;
    border-radius: 4px;
    border-color: #999;
}

.greenSkin [data-type="COMBOX"] .ve_form,
.exDialog [data-type="COMBOX"] .ve_form {
    position: relative;
}

.greenSkin [data-type="COMBOX"] .wiscombox_menu input:focus,
.exDialog [data-type="COMBOX"] .wiscombox_menu input:focus,
.greenSkin [data-type="COMBOX"] .wiscombox_menu input:hover,
.exDialog [data-type="COMBOX"] .wiscombox_menu input:hover {
    border: 1px solid transparent;
}

/* comBox */
.greenSkin .ve_form .ve_field,
.exDialog .ve_form .ve_field {
    font-size: 12px;
}

.greenSkin [data-type="COMBOX"] .wlc,
.exDialog [data-type="COMBOX"] .wlc,
.greenSkin [data-type="COMBOX"] .ve_input,
.exDialog [data-type="COMBOX"] .ve_input,
.greenSkin select[data-type="COMBOX"],
.exDialog select[data-type="COMBOX"] {
    border-radius: 5px;
    padding-right: 30px !important;
    background: url(../themes/greenSkin/down.png) right center no-repeat;
    border: 1px solid var(--gray-4);
    height: 30px;
    text-align: left;
}

.greenSkin [data-type="COMBOX"].disabled .wlc,
.exDialog [data-type="COMBOX"].disabled .wlc,
.greenSkin [data-type="COMBOX"].disabled .ve_input,
.exDialog [data-type="COMBOX"].disabled .ve_input,
.greenSkin select[data-type="COMBOX"].disabled,
.exDialog select[data-type="COMBOX"].disabled {
    background: url(../themes/greenSkin/un_down.png) right center no-repeat;
}

.greenSkin select:focus,
.exDialog select:focus {
    box-shadow: none;
}

.greenSkin [data-type="COMBOX"].wiscombox_wrp,
.exDialog [data-type="COMBOX"].wiscombox_wrp {
    background: transparent;
}

.greenSkin [data-type="COMBOX"] input.wiscombox_input,
.exDialog [data-type="COMBOX"] input.wiscombox_input {
    border-radius: 3px;
    border: 1px solid #cad0e6;
    background-color: transparent;
    padding-right: 20px;
    padding-left: 10px;
    color: inherit;
}

.greenSkin [data-type="COMBOX"] .wiscombox_menu .assist,
.exDialog [data-type="COMBOX"] .wiscombox_menu .assist {
    background: none;
}

.greenSkin [data-type="COMBOX"] .wiscombox_menu,
.exDialog [data-type="COMBOX"] .wiscombox_menu {
    background-color: transparent;
}

.greenSkin [data-type="COMBOX"] .wiscombox_menu input,
.exDialog [data-type="COMBOX"] .wiscombox_menu input {
    border: 1px solid transparent;
    height: 28px;
    font-size: 12px;
    color: var(--gray-2);
}

.greenSkin [data-type="COMBOX"].line select{
    border-radius: 0px;
    border: none;
    color: var(--brand-3);
    background: url(../themes/greenSkin/down_green.png) right center no-repeat;
    width: min-content;
    border-top: solid transparent 1px;
    border-bottom: solid var(--brand-3) 1px;
}

.greenSkin [data-type="COMBOX"].line select.invalid{
    border-radius: 0px;
    border: none;
    background: url(../themes/greenSkin/down_gray.png) right center no-repeat;
    width: min-content;
    color: #808080;
}

.greenSkin [data-type="COMBOX"].line select:focus{
    border-radius: 0px;
    border: none;
    color: var(--brand-3);
    background: url(../themes/greenSkin/down_green.png) right center no-repeat;
    width: min-content;
    border-top: solid transparent 1px;
    border-bottom: solid var(--brand-3) 1px;
}


/* text */
.greenSkin [data-type="TEXT"] input.wlc,
.exDialog [data-type="TEXT"] input.wlc,
.greenSkin input[data-type="TEXT"],
.exDialog input[data-type="TEXT"],
.greenSkin [data-type="TEXT"] input,
.exDialog [data-type="TEXT"] input,
.greenSkin [data-type="INPUT"] input.ve_input,
.exDialog [data-type="INPUT"] input.ve_input,
.greenSkin input[data-type="INPUT"],
.exDialog input[data-type="INPUT"],
.greenSkin [data-type="INPUT"] input,
.exDialog [data-type="INPUT"] input {
    border-radius: 5px;
    border: 1px solid var(--gray-4);
    background: var(--white-1);
    box-shadow: none;
    height: 30px;
    font-size: 12px;
    color: inherit;
    padding-left: 10px;
}

.greenSkin [data-type="INPUT"] .ve_assist>.ibtn.far.fa-times-circle.fa-fw::before,
.exDialog [data-type="INPUT"] .ve_assist>.ibtn.far.fa-times-circle.fa-fw::before {
    content: "\f057";
    font-weight: 600;
    color: var(--gray-4);
    font-size: 12px;
}

.greenSkin input::-webkit-input-placeholder, .greenSkin textarea::-webkit-input-placeholder,
.exDialog input::-webkit-input-placeholder, .exDialog textarea::-webkit-input-placeholder {
    /* placeholderé¢œè‰²  */
    color: var(--gray-4);
}

.greenSkin [data-type="TEXT"] input.wlc:hover,
.greenSkin [data-type="TEXT"] input.wlc:focus,
.greenSkin input[data-type="TEXT"]:hover,
.greenSkin input[data-type="TEXT"]:focus,
.greenSkin [data-type="TEXT"] input:hover,
.greenSkin [data-type="TEXT"] input:focus,
.greenSkin [data-type="INPUT"] input.ve_input:hover,
.greenSkin [data-type="INPUT"] input.ve_input:focus,
.greenSkin input[data-type="INPUT"]:hover,
.greenSkin input[data-type="INPUT"]:focus,
.greenSkin [data-type="INPUT"] input:hover,
.greenSkin [data-type="INPUT"] input:focus,
.exDialog [data-type="TEXT"] input.wlc:hover,
.exDialog [data-type="TEXT"] input.wlc:focus,
.exDialog input[data-type="TEXT"]:hover,
.exDialog input[data-type="TEXT"]:focus,
.exDialog [data-type="TEXT"] input:hover,
.exDialog [data-type="TEXT"] input:focus,
.exDialog [data-type="INPUT"] input.ve_input:hover,
.exDialog [data-type="INPUT"] input.ve_input:focus,
.exDialog input[data-type="INPUT"]:hover,
.exDialog input[data-type="INPUT"]:focus,
.exDialog [data-type="INPUT"] input:hover,
.exDialog [data-type="INPUT"] input:focus {
    border: 1px solid var(--brand-3);
    color: var(--gray-2);
}
.greenSkin [data-type="INPUT"] textarea:hover,
.greenSkin [data-type="INPUT"] textarea:focus,
.exDialog [data-type="INPUT"] textarea:hover,
.exDialog [data-type="INPUT"] textarea:focus {
    border: 1px solid var(--brand-3);
    box-shadow: unset;
}
.greenSkin [data-type="INPUT"].btOnly input.ve_input:hover,
.greenSkin [data-type="INPUT"].btOnly input.ve_input:focus,
.greenSkin input[data-type="INPUT"].btOnly:hover,
.greenSkin input[data-type="INPUT"].btOnly:focus,
.greenSkin [data-type="INPUT"].btOnly input:hover,
.greenSkin [data-type="INPUT"].btOnly input:focus,
.exDialog [data-type="INPUT"].btOnly input.ve_input:hover,
.exDialog [data-type="INPUT"].btOnly input.ve_input:focus,
.exDialog input[data-type="INPUT"].btOnly:hover,
.exDialog input[data-type="INPUT"].btOnly:focus,
.exDialog [data-type="INPUT"].btOnly input:hover,
.exDialog [data-type="INPUT"].btOnly input:focus {
    border-bottom: 1px solid var(--brand-3);
}

/* text */
.greenSkin [data-type="INPUT"].btOnly input.ve_input,
.greenSkin input[data-type="INPUT"].btOnly,
.greenSkin [data-type="INPUT"].btOnly input,
.exDialog [data-type="INPUT"].btOnly input.ve_input,
.exDialog input[data-type="INPUT"].btOnly,
.exDialog [data-type="INPUT"].btOnly input {
    border: none;
    border-bottom: 1px solid var(--gray-4);
    background: var(--white-1);
    color: inherit;
    box-shadow: none;
    border-radius: 0;
}

/* textarea */
.greenSkin [data-type="TEXT"] textarea.wlc,
.greenSkin [data-type="TEXT"] textarea,
.greenSkin textarea[data-type="TEXT"],
.greenSkin [data-type="INPUT"] textarea.ve_input,
.greenSkin [data-type="INPUT"] textarea,
.greenSkin textarea[data-type="INPUT"],
.exDialog [data-type="TEXT"] textarea.wlc,
.exDialog [data-type="TEXT"] textarea,
.exDialog textarea[data-type="TEXT"],
.exDialog [data-type="INPUT"] textarea.ve_input,
.exDialog [data-type="INPUT"] textarea,
.exDialog textarea[data-type="INPUT"] {
    border-radius: 5px;
    border: 1px solid var(--gray-4);
    background: var(--white-1);
    padding: 10px;
    height: 100%;
}

.exDialog [data-type="INPUT"] textarea.ve_input:hover,
.exDialog [data-type="INPUT"] textarea:hover {
    border: 1px solid var(--brand-3);
}

/* datetime */
.greenSkin [data-type="DATETIME"] input.ve_input,
.greenSkin [data-type="DATETIME"] .ve_form input,
.greenSkin [data-type="DATETIME"] .wlc input,
.greenSkin [data-type="DATETIME"] .dyn_input_form input,
.exDialog [data-type="DATETIME"] input.ve_input,
.exDialog [data-type="DATETIME"] .ve_form input,
.exDialog [data-type="DATETIME"] .wlc input,
.exDialog [data-type="DATETIME"] .dyn_input_form input {
    border-radius: 5px;
    border-color: var(--gray-4);
    padding-right: 20px;
    padding-left: 10px;
    color: var(--gray-2);
    box-shadow: none;
    height: 30px;
}
.greenSkin [data-type="DATETIME"] input:hover,
.exDialog [data-type="DATETIME"] input:hover{
    border:1px solid var(--brand-3);
}
.greenSkin [data-type="DATETIME"] input:focus,
.exDialog [data-type="DATETIME"] input:focus{
    border:1px solid var(--brand-3);
}
.greenSkin [data-type="DATETIME"].borderbottom input.ve_input,
.greenSkin [data-type="DATETIME"].borderbottom .ve_form input,
.exDialog [data-type="DATETIME"].borderbottom input.ve_input,
.exDialog [data-type="DATETIME"].borderbottom .ve_form input{
    border:none!important;
    background:transparent;
    border-bottom:1px solid var(--gray-4)!important;
}
.greenSkin [data-type="DATETIME"].btOnly input.ve_input,
.greenSkin [data-type="DATETIME"].btOnly .ve_form input,
.greenSkin [data-type="DATETIME"].btOnly .wlc input,
.greenSkin [data-type="DATETIME"].btOnly .dyn_input_form input,
.exDialog [data-type="DATETIME"].btOnly input.ve_input,
.exDialog [data-type="DATETIME"].btOnly .ve_form input,
.exDialog [data-type="DATETIME"].btOnly .wlc input,
.exDialog [data-type="DATETIME"].btOnly .dyn_input_form input {
    border-top: none;
    border-left: none;
    border-right: none;
    border-color: var(--gray-4);
    background: var(--white-1);
    padding-right: 20px;
    color: inherit;
    border-radius: 0;
}

/* NUMBER */
.greenSkin [data-type="NUMBER"] input.ve_input,
.greenSkin [data-type="NUMBER"] .ve_form input,
.greenSkin [data-type="NUMBER"] input.wlc,
.greenSkin [data-type="NUMBER"] .dyn_input_form input,
.exDialog [data-type="NUMBER"] input.ve_input,
.exDialog [data-type="NUMBER"] .ve_form input,
.exDialog [data-type="NUMBER"] input.wlc,
.exDialog [data-type="NUMBER"] .dyn_input_form input {
    border-radius: 3px;
    border: 1px solid var(--gray-4);
    background: transparent;
    color: inherit;
}

/* å•ä¸‹è¾¹æ¡† */
.greenSkin input.ngs_mnb,
.greenSkin textarea.ngs_mnb,
.greenSkin select.ngs_mnb,
.greenSkin .ngs_mnb input,
.greenSkin .ngs_mnb textarea,
.greenSkin .ngs_mnb select,
.exDialog input.ngs_mnb,
.exDialog textarea.ngs_mnb,
.exDialog select.ngs_mnb,
.exDialog .ngs_mnb input,
.exDialog .ngs_mnb textarea,
.exDialog .ngs_mnb select {
    border: 0 !important;
    border-bottom: 1px solid #dfdfdf !important;
    outline: none;
    margin-bottom: 10px;
    color: #444;
    box-shadow: none;
}

/* æ— è¾¹æ¡† */
.greenSkin [data-type="INPUT"].noborder input,
.greenSkin input[data-type="INPUT"].noborder,
.greenSkin [data-type="INPUT"].noborder textarea,
.greenSkin textarea[data-type="INPUT"].noborder,
.greenSkin [data-type="DATETIME"].noborder input,
.greenSkin [data-type="NUMBER"].noborder input,
.greenSkin [data-type="COMBOX"].noborder .ve_input,
.exDialog [data-type="INPUT"].noborder input,
.exDialog input[data-type="INPUT"].noborder,
.exDialog [data-type="INPUT"].noborder textarea,
.exDialog textarea[data-type="INPUT"].noborder,
.exDialog [data-type="DATETIME"].noborder input,
.exDialog [data-type="NUMBER"].noborder input,
.exDialog [data-type="COMBOX"].noborder .ve_input {
    border: 0;
}

/* table */
.greenSkin [data-type="TABLE"],
.greenSkin [data-type="TABLE2"],
.exDialog [data-type="TABLE"],
.exDialog [data-type="TABLE2"] {
    border-radius: 4px;
    outline: none;
}

.greenSkin [data-type="TABLE"] .wisgrid,
.greenSkin [data-type="TABLE2"] .wisgrid,
.exDialog [data-type="TABLE"] .wisgrid,
.exDialog [data-type="TABLE2"] .wisgrid {
    border: 0 !important;
    /* padding: 0 10px; */
    display: flex;
    flex-direction: column;
}

.greenSkin [data-type="TABLE"] .wisgrid .wisgrid-btable td a.dyn_link ,
.exDialog [data-type="TABLE"] .wisgrid .wisgrid-btable td a.dyn_link {
    color: var(--brand-3) !important;
}

.greenSkin [data-type="TABLE"] .wisgrid:focus ,
.exDialog [data-type="TABLE"] .wisgrid:focus {
    box-shadow: none;
}

.greenSkin [data-type="TABLE"] .wisgrid .wisgrid-hdiv,
.greenSkin [data-type="TABLE"] .wisgrid .wisgrid-bdiv,
.greenSkin [data-type="TABLE2"] .wisgrid .wisgrid-hdiv,
.greenSkin [data-type="TABLE2"] .wisgrid .wisgrid-bdiv,
.exDialog [data-type="TABLE"] .wisgrid .wisgrid-hdiv,
.exDialog [data-type="TABLE"] .wisgrid .wisgrid-bdiv,
.exDialog [data-type="TABLE2"] .wisgrid .wisgrid-hdiv,
.exDialog [data-type="TABLE2"] .wisgrid .wisgrid-bdiv {
    background: transparent;
    border-top: 0px;
    min-height: 0%;
}

.greenSkin [data-type="TABLE"] .wisgrid .wisgrid-bdiv .wisgrid-bodypad,
.greenSkin [data-type="TABLE2"] .wisgrid .wisgrid-bdiv .wisgrid-bodypad,
.exDialog [data-type="TABLE"] .wisgrid .wisgrid-bdiv .wisgrid-bodypad,
.exDialog [data-type="TABLE2"] .wisgrid .wisgrid-bdiv .wisgrid-bodypad {
    /* padding: 0 10px; */
}

.greenSkin [data-type="TABLE"] .wisgrid table,
.greenSkin [data-type="TABLE2"] .wisgrid table,
.exDialog [data-type="TABLE"] .wisgrid table,
.exDialog [data-type="TABLE2"] .wisgrid table {
    width: auto;
    border: 0;
    border-bottom: transparent;
}

.greenSkin [data-type="TABLE"] .wisgrid .wisgrid-hdiv,
.greenSkin [data-type="TABLE2"] .wisgrid .wisgrid-hdiv ,
.exDialog [data-type="TABLE"] .wisgrid .wisgrid-hdiv,
.exDialog [data-type="TABLE2"] .wisgrid .wisgrid-hdiv {
    height: auto;
    width: 100%;
}

.greenSkin [data-type="TABLE"] .wisgrid .wisgrid-hdiv::-webkit-scrollbar,
.greenSkin [data-type="TABLE2"] .wisgrid .wisgrid-hdiv::-webkit-scrollbar ,
.exDialog [data-type="TABLE"] .wisgrid .wisgrid-hdiv::-webkit-scrollbar,
.exDialog [data-type="TABLE2"] .wisgrid .wisgrid-hdiv::-webkit-scrollbar {
    height:5px;
    position:absolute;
    bottom:0px;
    display:none
}

.greenSkin [data-type="TABLE"] .wisgrid .wisgrid-htable tr,
.exDialog [data-type="TABLE"] .wisgrid .wisgrid-htable tr {
    border-bottom: 1px solid transparent;
    color: #383E5A;
    height: 40px;
    font-size: 12px;
    background: #f7f7f7;
}

.greenSkin [data-type="TABLE"] .wisgrid .wisgrid-bdiv,
.greenSkin [data-type="TABLE2"] .wisgrid .wisgrid-bdiv ,
.exDialog [data-type="TABLE"] .wisgrid .wisgrid-bdiv,
.exDialog [data-type="TABLE2"] .wisgrid .wisgrid-bdiv {
    flex: 1;
    position: relative !important;
    top: 0 !important;
    flex-basis: auto;
}

.greenSkin [data-type="TABLE"] .wisgrid .wisgrid-bdiv table {
    height: 3px;
}

.greenSkin [data-type="TABLE"] .wisgrid tr.wisgrid_row,
.greenSkin [data-type="TABLE2"] .wisgrid tr.wisgrid_row ,
.exDialog [data-type="TABLE"] .wisgrid tr.wisgrid_row,
.exDialog [data-type="TABLE2"] .wisgrid tr.wisgrid_row {
    background-color: transparent;
    border-bottom: 0px;
    height: 40px;
    font-size: 12px;
    font-weight: 500;
}

.greenSkin [data-type="TABLE"] .wisgrid .wisgrid-bdiv table tr:nth-child(even),
.greenSkin [data-type="TABLE2"] .wisgrid .wisgrid-bdiv table tr:nth-child(even),
.exDialog [data-type="TABLE"] .wisgrid .wisgrid-bdiv table tr:nth-child(even),
.exDialog [data-type="TABLE2"] .wisgrid .wisgrid-bdiv table tr:nth-child(even) {
    background-color: #f8f8f8;
}

.greenSkin [data-type="TABLE"] .wisgrid table td,
.greenSkin [data-type="TABLE"] .wisgrid table th,
.greenSkin [data-type="TABLE2"] .wisgrid table td,
.greenSkin [data-type="TABLE2"] .wisgrid table th ,
.exDialog [data-type="TABLE"] .wisgrid table td,
.exDialog [data-type="TABLE"] .wisgrid table th,
.exDialog [data-type="TABLE2"] .wisgrid table td,
.exDialog [data-type="TABLE2"] .wisgrid table th {
    line-height: 40px;
    background: transparent !important;
    border: 0;
    height: 40px;
}

.greenSkin [data-type="TABLE"] .wisgrid table th ,
.exDialog [data-type="TABLE"] .wisgrid table th {
    font-weight: 700;
}

.greenSkin .wisgrid-hdiv-box th .sort-trigger,
.exDialog .wisgrid-hdiv-box th .sort-trigger {
    margin-left: 8px;
    margin-top: 0;
    position: relative;
    display: inline-block;
    right: 0;
}

.greenSkin [data-type="TABLE"] .wisgrid table th .sort,
.greenSkin [data-type="TABLE"] .wisgrid table th .sort-up,
.greenSkin [data-type="TABLE"] .wisgrid table th .sort-down,
.exDialog [data-type="TABLE"] .wisgrid table th .sort,
.exDialog [data-type="TABLE"] .wisgrid table th .sort-up,
.exDialog [data-type="TABLE"] .wisgrid table th .sort-down {
    line-height: 40px;
    font-size: 14px;
}

.greenSkin [data-type="TABLE"] .wisgrid .wisgrid-hdiv-box th.asc .sort-up,
.greenSkin [data-type="TABLE"] .wisgrid .wisgrid-hdiv-box th.desc .sort-down,
.exDialog [data-type="TABLE"] .wisgrid .wisgrid-hdiv-box th.asc .sort-up,
.exDialog [data-type="TABLE"] .wisgrid .wisgrid-hdiv-box th.desc .sort-down {
    display: inline-block;
}

.greenSkin [data-type="TABLE"] .wisgrid table td:not(.ln),
.greenSkin [data-type="TABLE"] .wisgrid table th,
.greenSkin [data-type="TABLE2"] .wisgrid table td:not(.ln),
.greenSkin [data-type="TABLE2"] .wisgrid table th ,
.exDialog [data-type="TABLE"] .wisgrid table td:not(.ln),
.exDialog [data-type="TABLE"] .wisgrid table th,
.exDialog [data-type="TABLE2"] .wisgrid table td:not(.ln),
.exDialog [data-type="TABLE2"] .wisgrid table th {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0px 3px 0px 0px;
    line-height: 40px;
}

.greenSkin [data-type="TABLE"] .wisgrid .wisgrid-btable > thead th,
.greenSkin [data-type="TABLE"] .wisgrid .wisgrid-btable > thead th .wisgrid-sizing ,
.exDialog [data-type="TABLE"] .wisgrid .wisgrid-btable > thead th,
.exDialog [data-type="TABLE"] .wisgrid .wisgrid-btable > thead th .wisgrid-sizing {
    padding: 0;
}

.greenSkin [data-type="TABLE"] .wisgrid table tr.selected td.range,
.greenSkin [data-type="TABLE2"] .wisgrid table tr.selected td.range ,
.exDialog [data-type="TABLE"] .wisgrid table tr.selected td.range,
.exDialog [data-type="TABLE2"] .wisgrid table tr.selected td.range {
    background-color: var(--brand-5) !important;
    color: var(--brand-1) !important;
    opacity: 1;
    font-weight: bold;
}

/* è¡¨æ ¼å›ºå®šåˆ— */
.greenSkin [data-type="TABLE"] .wisgrid .hFrozen,
.greenSkin [data-type="TABLE2"] .wisgrid .hFrozen ,
.exDialog [data-type="TABLE"] .wisgrid .hFrozen,
.exDialog [data-type="TABLE2"] .wisgrid .hFrozen {
    background: transparent;
}

.greenSkin [data-type="TABLE"] .wisgrid .bFrozen,
.greenSkin [data-type="TABLE2"] .wisgrid .hFrozen ,
.exDialog [data-type="TABLE"] .wisgrid .bFrozen,
.exDialog [data-type="TABLE2"] .wisgrid .hFrozen {
    box-shadow: 1px 3px 8px 1px var(--gray-4);
    background: var(--brand-5);
}

.greenSkin .wisgrid .wisgrid-btable tr.selected td:not(.cur):not(.range) ,
.exDialog .wisgrid .wisgrid-btable tr.selected td:not(.cur):not(.range) {
    background-color: var(--brand-5) !important;
    color: var(--brand-3) !important;
}

/* è¡¨æ ¼çº¿æ·±è‰² */
.greenSkin [data-type="TABLE"].borderBlack .wisgrid .wisgrid-hdiv,
.greenSkin [data-type="TABLE2"].borderBlack .wisgrid .wisgrid-hdiv,
.exDialog [data-type="TABLE"].borderBlack .wisgrid .wisgrid-hdiv,
.exDialog [data-type="TABLE2"].borderBlack .wisgrid .wisgrid-hdiv {
    border-bottom: 1px solid var(--gray-1);
}

.greenSkin [data-type="TABLE"].borderBlack .wisgrid tr.wisgrid_row,
.greenSkin [data-type="TABLE2"].borderBlack .wisgrid tr.wisgrid_row,
.exDialog [data-type="TABLE"].borderBlack .wisgrid tr.wisgrid_row,
.exDialog [data-type="TABLE2"].borderBlack .wisgrid tr.wisgrid_row {
    border-bottom: 1px solid var(--gray-1);
}

/* link */
.greenSkin [data-type="LINK"], .greenSkin a[data-type="LINK"] ,
.exDialog [data-type="LINK"], .exDialog a[data-type="LINK"] {
    color: var(--brand-3);
    font-size: 12px;
}

.greenSkin [data-type="LINK"]:hover, .greenSkin a[data-type="LINK"]:hover ,
.exDialog [data-type="LINK"]:hover, .greenSkin a[data-type="LINK"]:hover {
    color: var(--brand-3);
    font-size: 12px;
}

.greenSkin a[data-type="LINK"].gray ,
.exDialog a[data-type="LINK"].gray {
    color: var(--gray-3);
    font-size: 12px;
}

.greenSkin a[data-type="LINK"].gray:hover ,
.exDialog a[data-type="LINK"].gray:hover {
    color: var(--gray-4);
    font-size: 12px;
}

.greenSkin [data-type="LINK"].default, .greenSkin a[data-type="LINK"].default ,
.exDialog [data-type="LINK"].default, .exDialog a[data-type="LINK"].default {
    color: var(--gray-4);
}

/* tab */
.greenSkin .wistab ,
.exDialog .wistab {
    background: var(--gray-6);
    border: none!important;
}

.greenSkin .wistab .wistab_navs ,
.exDialog .wistab .wistab_navs {
    box-shadow: none;
    border-bottom: 1px solid #f8f8f8;
    background-color: var(--white-1);
}

.greenSkin .wistab .wistab_nav>a,
.exDialog .wistab .wistab_nav>a {
    color: var(--gray-2);
    height: 35px;
    line-height: 36px;
    margin: 0px 8px 0px 2px;
    padding: 0;
    cursor: pointer;
    overflow: hidden;
}

.greenSkin .wistab .wistab_nav.selected > a ,
.exDialog .wistab .wistab_nav.selected > a {
    background: transparent;
    border-bottom: 2px solid var(--brand-3);
    color: var(--brand-3);
    font-weight: 600;
    border-right: none;
}

.greenSkin .wistab .wistab_nav:hover > a ,
.exDialog .wistab .wistab_nav:hover > a {
    background-color: var(--white-1);
    border-bottom: 2px solid var(--brand-3);
    color: var(--brand-3);
    border-right: none;
}
/* TAB */
.greenSkin .wistab .wistab_panels,
.exDialog .wistab .wistab_panels {
    border-top: 0px;
}

.greenSkin .wistab.wistab_flex .wistab_content ,
.exDialog .wistab.wistab_flex .wistab_content {
    background: var(--white-1);
}

/* COMPONENT */
.greenSkin .dyn_box > [data-type="COMPONENT"] ,
.exDialog .dyn_box > [data-type="COMPONENT"] {
    padding: 10px;
    background: var(--gray-6);
}

/* SPLITTER */
.greenSkin .dyn_box > [data-type="SPLITTER"] ,
.exDialog .dyn_box > [data-type="SPLITTER"] {
    padding: 10px;
    background: var(--gray-6);
}

.greenSkin .dyn_box > [data-type="SPLITTER"] > .wrapper > [data-type="PANEL"],
.greenSkin .dyn_box > [data-type="SPLITTER"] > .wrapper > [data-type="DIV"],
.greenSkin .dyn_box > [data-type="SPLITTER"] > .wrapper > [data-type="LAYER"] ,
.exDialog .dyn_box > [data-type="SPLITTER"] > .wrapper > [data-type="PANEL"],
.exDialog .dyn_box > [data-type="SPLITTER"] > .wrapper > [data-type="DIV"],
.exDialog .dyn_box > [data-type="SPLITTER"] > .wrapper > [data-type="LAYER"] {
    padding: 10px 0 10px 10px;
}

/*tree*/
.greenSkin [data-type="TREE"],
.exDialog .wistree,
.exDialog .wislist {
    background-color: var(--white-1);
    border-radius: 4px;
    border: 0 !important;
}

.greenSkin .wistree:focus,
.exDialog .wistree:focus,
.exDialog .wislist:focus {
    border: 0;
    box-shadow: none;
}

.greenSkin .wistree > div, .exDialog .wistree > div {
    display: flex;
    flex-direction: column;
}

.greenSkin .wistree ul.wistree-root,
.exDialog .wistree ul.wistree-root {
    flex: 1;
    height: 100%;
    overflow: auto;
}

.greenSkin .wistree .wistree-checkall,
.exDialog .wistree .wistree-checkall {
    background: #f7f7f7;
    padding: 0 10px;
    border-bottom: 0;
    box-shadow: none;
    height: 40px;
    line-height: 40px;
}

.greenSkin .wistree a.createnew,
.exDialog .wistree a.createnew {
    border: 2px dashed var(--brand-3);
    line-height: 30px;
    color: var(--brand-3);
    margin: 0;
    opacity: 1;
}

.greenSkin .wistree a.createnew:hover,
.exDialog .wistree a.createnew:hover {
    background: var(--brand-3);
    color: var(--white-1);
}

.greenSkin .wistree a.createnew i,
.exDialog .wistree a.createnew i {
    font-size: 16px;
    line-height: inherit;
}

.greenSkin .wistree a.createnew>span,
.exDialog .wistree a.createnew>span {
    opacity: 1;
}

.greenSkin [data-type="TREE"] .wistree-node .wistree-node-el ,
.exDialog .wistree .wistree-node .wistree-node-el {
    line-height: 40px;
    height: 40px;
    font-style: normal;
}

.greenSkin [data-type="TREE"] .wistree-node .wistree-node-over ,
.exDialog .wistree .wistree-node .wistree-node-over {
    background: var(--gray-6);
}

.greenSkin [data-type="TREE"] .wistree-node .wistree-selected,
.greenSkin [data-type="TREE"] .wistree-node .wistree-selected .selector_item_id,
.greenSkin [data-type="TREE"] .wistree-node .wistree-selected .menu_opr,
.greenSkin [data-type="TREE"] .wistree-node .wistree-selected:hover .menu_opr,
.greenSkin [data-type="TREE"] .wistree-node .wistree-selected span.gray,
.exDialog .wistree .wistree-node .wistree-selected,
.exDialog .wistree .wistree-node .wistree-selected .selector_item_id,
.exDialog .wistree .wistree-node .wistree-selected .menu_opr,
.exDialog .wistree .wistree-node .wistree-selected:hover .menu_opr,
.exDialog .wistree .wistree-node .wistree-selected span.gray {
    background: var(--brand-5);
    color: var(--brand-3);
}

.greenSkin [data-type="TREE"] .wistree-node-el:hover .menu_opr ,
.exDialog .wistree .wistree-node-el:hover .menu_opr {
    background: var(--gray-6);
}

.greenSkin [data-type="TREE"] .wistree-node-el .menu_opr a,
.exDialog .wistree .wistree-node-el .menu_opr a {
    color: var(--brand-3);
    font-size: 16px;
    opacity: 1;
    margin: 0 6px;
}

.greenSkin [data-type="TREE"] .wistree-node-cb ,
.exDialog .wistree .wistree-node-cb {
    background-image: url(../themes/greenSkin/checkbox.png);
    height: 40px;
    margin-right: 5px;
    margin-left: 5px;
}

.greenSkin [data-type="TREE"] .wistree-node-cb.checkpart,
.exDialog .wistree .wistree-node-cb.checkpart {
    background-position: -23px 14px;
}

.greenSkin [data-type="TREE"] .wistree-node-cb.uncheck ,
.exDialog .wistree .wistree-node-cb.uncheck {
    background-position: 0 14px;
}

.greenSkin [data-type="TREE"] .wistree-node-cb.checked ,
.exDialog .wistree .wistree-node-cb.checked {
    background-position: -47px 14px
}

.greenSkin [data-type="TREE"] .wistree-arrows .wistree-elbow-plus,
.greenSkin [data-type="TREE"] .wistree-arrows .wistree-elbow-minus,
.greenSkin [data-type="TREE"] .wistree-arrows .wistree-elbow ,
.exDialog .wistree .wistree-arrows .wistree-elbow-plus,
.exDialog .wistree .wistree-arrows .wistree-elbow-minus,
.exDialog .wistree .wistree-arrows .wistree-elbow {
    height: 40px;
    margin-right: 5px;
    background: none;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
}

.greenSkin [data-type="TREE"]  .wistree-arrows .wistree-elbow-minus:before,
.exDialog .wistree  .wistree-arrows .wistree-elbow-minus:before{
    content: "\f0d7";
    color: var(--gray-4);
}

.greenSkin [data-type="TREE"] .wistree-node .wistree-selected .wistree-elbow-minus:before,
.exDialog .wistree .wistree-node .wistree-selected .wistree-elbow-minus:before {
    content: "\f0d7";
    color: var(--brand-3)
}

.greenSkin [data-type="TREE"]  .wistree-arrows .wistree-node-over .wistree-elbow-minus:before ,
.exDialog .wistree  .wistree-arrows .wistree-node-over .wistree-elbow-minus:before {
    content: "\f0d7";
    color: var(--gray-4);
}

.greenSkin [data-type="TREE"] .wistree-node .wistree-selected .wistree-elbow-plus:before ,
.exDialog .wistree .wistree-node .wistree-selected .wistree-elbow-plus:before {
    content: "\f0da";
    color: var(--brand-3);
}

.greenSkin [data-type="TREE"] .wistree-arrows  .wistree-node-over .wistree-elbow-plus:before,
.exDialog .wistree .wistree-arrows  .wistree-node-over .wistree-elbow-plus:before {
    content: "\f0da";
    color: var(--gray-4);
}

.greenSkin [data-type="TREE"] .wistree-arrows .wistree-elbow-plus:before,
.exDialog .wistree .wistree-arrows .wistree-elbow-plus:before {
    content: "\f0da";
    color: var(--gray-4);
}

.greenSkin .wistree .wistree-node-el .fa-folder,
.greenSkin .wistree .wistree-node-el .fa-folder-open ,
.exDialog .wistree .wistree-node-el .fa-folder,
.exDialog .wistree .wistree-node-el .fa-folder-open {
    color: #92928d;
}

.greenSkin .wistree .wistree-node-el.wistree-selected .fa-folder,
.greenSkin .wistree .wistree-node-el.wistree-selected .fa-folder-open ,
.exDialog .wistree .wistree-node-el.wistree-selected .fa-folder,
.exDialog .wistree .wistree-node-el.wistree-selected .fa-folder-open {
    color: var(--brand-3);
}

/* CALENDARæ—¥åŽ†æŽ§ä»¶ */
.greenSkin [data-type="CALENDAR"].wisCalendar ,
.exDialog [data-type="CALENDAR"].wisCalendar {
    border: 0;
    border-radius: 5px;
    overflow: hidden;
}

.greenSkin [data-type="CALENDAR"].wisCalendar .presentation .row:last-child ,
.exDialog [data-type="CALENDAR"].wisCalendar .presentation .row:last-child {
    border-bottom: 0;
}

.greenSkin [data-type="CALENDAR"].wisCalendar div.topbar ,
.exDialog [data-type="CALENDAR"].wisCalendar div.topbar {
    border-right: 0;
}

.greenSkin [data-type="CALENDAR"].wisCalendar .presentation .g > *:not(.weeks):last-child ,
.exDialog [data-type="CALENDAR"].wisCalendar .presentation .g > *:not(.weeks):last-child {
    border-right: 0;
}

.greenSkin [data-type="CALENDAR"].wisCalendar div.head > *:not(.weeks):last-child ,
.exDialog [data-type="CALENDAR"].wisCalendar div.head > *:not(.weeks):last-child {
    border-right: 0;
}

.greenSkin .wisCalendar_dialog.detail.notify .edit,
.greenSkin .wisCalendar_dialog.detail.notify .pad {
    background: var(--red-2);
}

.greenSkin [data-type="CALENDAR"].wisCalendar div.head ,
.exDialog [data-type="CALENDAR"].wisCalendar div.head {
    height: 30px;
    line-height: 30px;
    background-color: #e5e5f7;
}

/* disabledæ•ˆæžœ */
.greenSkin .dyn_ctl input:disabled,
.greenSkin .dyn_ctl textarea:disabled,
.greenSkin .dyn_ctl select:disabled:not(.readonly) ,
.exDialog .dyn_ctl input:disabled,
.exDialog .dyn_ctl textarea:disabled,
.exDialog .dyn_ctl select:disabled:not(.readonly) {
    background-color: var(--gray-6);
    color: var(--gray-4);
    border: 1px solid var(--gray-4);
    text-align: left;
}

.greenSkin .dyn_ctl input:disabled:hover,
.greenSkin .dyn_ctl textarea:disabled:hover,
.greenSkin .dyn_ctl select:disabled:hover:not(.readonly),
.exDialog .dyn_ctl input:disabled:hover,
.exDialog .dyn_ctl textarea:disabled:hover,
.exDialog .dyn_ctl select:disabled:hover:not(.readonly) {
    background-color: var(--gray-6);
    color: var(--gray-4);
    border: 1px solid var(--gray-4);
}

.greenSkin input[data-type="INPUT"]:disabled,
.exDialog input[data-type="INPUT"]:disabled {
    color: var(--gray-4);
    background: var(--gray-6);
    border: 1px solid var(--gray-4)!important;
}

.greenSkin div[data-type=PANEL].disabled:after,
.greenSkin div[data-type=DIV].disabled:after,
.greenSkin div[data-type=TAB].disabled:after,
.greenSkin div[data-type=FIELDSET].disabled:after,
.greenSkin div[data-type=TREE].disabled:after,
.greenSkin div[data-type=LIST].disabled:after,
.greenSkin div[data-type=TABLE].disabled:after,
.greenSkin div[data-type=COMPONENT].disabled:after,
.greenSkin div[data-type=LAYOUT].disabled:after,
.greenSkin div[data-type=LAYER].disabled:after ,
.exDialog div[data-type=PANEL].disabled:after,
.exDialog div[data-type=DIV].disabled:after,
.exDialog div[data-type=TAB].disabled:after,
.exDialog div[data-type=FIELDSET].disabled:after,
.exDialog div[data-type=TREE].disabled:after,
.exDialog div[data-type=LIST].disabled:after,
.exDialog div[data-type=TABLE].disabled:after,
.exDialog div[data-type=COMPONENT].disabled:after,
.exDialog div[data-type=LAYOUT].disabled:after,
.exDialog div[data-type=LAYER].disabled:after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 0, 0, 0, rgba(194, 208, 216, 0.42);
}

/* å¯Œæ–‡æœ¬ç¼–è¾‘æ¡†add */
.greenSkin .cke_reset ,
.exDialog .cke_reset {
    border-radius: 5px;
    overflow: hidden;
}

.greenSkin .elite .cke_inner ,
.exDialog .elite .cke_inner {
    background: var(--gray-6);
}

.greenSkin .cke_reset .cke_top, .greenSkin .cke_reset .cke_bottom ,
.exDialog .cke_reset .cke_top, .exDialog .cke_reset .cke_bottom {
    background: #F2F8FD;
}

.greenSkin .cke_reset .cke_wysiwyg_frame ,
.exDialog .cke_reset .cke_wysiwyg_frame {
    background-color: transparent;
}

.greenSkin [data-type="AUDIO"] .audio_controls .audio_time span {
    font-size: 80%;
}

.greenSkin [data-type="AUDIO"] {
    width: 100%;
    background: var(--white-1);
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
    padding: 5px;

}

.greenSkin [data-type="AUDIO"] .audio_inner {
    background: var(--white-1);
    border: 0;
    height: auto;
}

.greenSkin [data-type="AUDIO"] .audio_controls {
    position: relative;
    height: 100%;
}

.greenSkin [data-type="AUDIO"] .audio_controls .audio_bar_rail {
    margin: 0;
    height: auto;
    line-height: 24px;
}

.greenSkin [data-type="AUDIO"] .audio_controls .audio_time {
    display: block;
    font-size: 14px;
    padding: 0 10px;
    line-height: 1;
}

.greenSkin [data-type="AUDIO"] .audio_controls .audio_time_rail .wp-time-total {
    background: #EEEEEE;
    border-radius: 10px;
}

.greenSkin [data-type="AUDIO"] .audio_controls .audio_time_rail .wp-time-loaded {
    background: #EEEEEE;
    border-radius: 10px;
}

.greenSkin [data-type="AUDIO"] .audio_controls .audio_time_rail .wp-time-current {
    background: var(--brand-3);
    border-radius: 10px;
}

.greenSkin [data-type="AUDIO"] .audio_controls .audio_time_rail .wp-time-handle {
    width: 10px;
    height: 10px;
    border: 1px solid var(--brand-3);
    border-radius: 50%;
    background: var(--white-1);
    top: 0px;
}

.greenSkin [data-type="AUDIO"] .audio_controls .audio_bar_operation {
    height: auto;
    padding: 3px 10px 0 10px;
    display: flex;
}

.greenSkin [data-type="AUDIO"] .audio_controls .audio_button {
    background: transparent;
    font-family: 'Font Awesome 5 Pro';
    display: flex;
    height: auto;
}

.greenSkin [data-type="AUDIO"] .audio_controls .audio_slow:before {
    font-weight: 900;
    content: "\f048";
    color: var(--brand-3);
    font-size: 100%;
}

.greenSkin [data-type="AUDIO"] .audio_controls .audio_pause:before {
    font-weight: 900;
    content: "\f04c";
    color: var(--brand-3);
    font-size: 100%;
}

.greenSkin [data-type="AUDIO"] .audio_controls .audio_play:before {
    font-weight: 900;
    content: "\f04b";
    color: var(--brand-3);
    font-size: 100%;
}

.greenSkin [data-type="AUDIO"] .audio_controls .audio_quick:before {
    font-weight: 900;
    content: "\f051";
    color: var(--brand-3);
    font-size: 100%;
}

.greenSkin [data-type="AUDIO"] .audio_controls .audio_volume:before {
    font-weight: 900;
    content: "\f6a8";
    color: var(--brand-3);
    font-size: 100%;
}

.greenSkin [data-type="AUDIO"] .audio_controls .audio_volume.mute:before {
    content: "\f6a9";
}

.greenSkin [data-type="AUDIO"] .audio_controls .audio_volume_slide {
    background: #DDDDDD;
    border: 0;
    min-width: 20px;
    flex: 1;
    max-width: 100px;
}

.greenSkin [data-type="AUDIO"] .audio_controls .tip {
    padding-left: 0;
    height: 0;
}

.greenSkin [data-type="AUDIO"] .audio_controls .ui-slider .ui-slider-range {
    background: var(--brand-3);;
}

.greenSkin [data-type="AUDIO"] .audio_controls .audio_volume_slide .ui-slider-handle {
    height: 8px;
    border: 1px solid var(--brand-3);
    border-radius: 50%;
    background: var(--white-1);
    top: 0;
}

.greenSkin [data-type="AUDIO"] .audio_controls .audio_speed {
    margin: 0;
    font-size: 12px!important;
    padding-right: 0!important;
    color: var(--brand-3);
    font-size: 14px;
    float: right;
}


.greenSkin [data-type="RADIO"] > input,
.greenSkin [data-type="CHECKBOX"] > input ,
.exDialog [data-type="RADIO"] > input,
.exDialog [data-type="CHECKBOX"] > input {
    width: 16px !important;
    height: 16px !important;
}

:root .greenSkin input[type=radio], :root .greenSkin input[type=checkbox] ,
:root .exDialog input[type=radio], :root .exDialog input[type=checkbox] {
    border: none !important;
    background: url(../themes/greenSkin/checkbox.png) no-repeat 0 0 !important;
    width: 16px;
    height: 16px;
}

:root .greenSkin input[type=radio]:not(.nc) ,
:root .exDialog input[type=radio]:not(.nc) {
    background-position: 0px -37px !important;
}

:root .greenSkin input[type=radio]:not(.nc):checked ,
:root .exDialog input[type=radio]:not(.nc):checked {
    background-position: -47px -37px !important;
}

:root .greenSkin input[type=radio]:not(.nc):disabled ,
:root .exDialog input[type=radio]:not(.nc):disabled {
    background-position: -94px -37px !important;
}

:root .greenSkin input[type=radio]:not(.nc):disabled:checked ,
:root .exDialog input[type=radio]:not(.nc):disabled:checked {
    background-position: -71px -37px !important;
}

:root .greenSkin input[type=radio]:not(.slide):not(.switch):checked:active ,
:root .exDialog input[type=radio]:not(.slide):not(.switch):checked:active {
    background-position: -96px -103px !important;
}

/*æ­£å¸¸*/
:root .greenSkin input[type=checkbox]:not(.slide):not(.switch):not(.ve_widget_switch) ,
:root .exDialog input[type=checkbox]:not(.slide):not(.switch):not(.ve_widget_switch) {
    background-position: 0 0 !important;
    width: 16px;
    height: 16px;
}

/*é€‰ä¸­*/
:root .greenSkin input[type=checkbox]:not(.slide):not(.switch):not(.ve_widget_switch):checked ,
:root .exDialog input[type=checkbox]:not(.slide):not(.switch):not(.ve_widget_switch):checked {
    background-position: -47px 0 !important;
}

/*ä¸ç¡®å®š*/
/*:root input[type=checkbox]:not(.slide):not(.switch):active,*/
:root .greenSkin input[type=checkbox]:not(.slide):not(.switch):checked:active ,
:root .exDialog input[type=checkbox]:not(.slide):not(.switch):checked:active {
    background-position: -72px 0 !important;
}

/*é€‰ä¸­ä¸å¯ç”¨*/
:root .greenSkin input[type=checkbox]:not(.slide):not(.switch):not(.ve_widget_switch):checked:disabled ,
:root .exDialog input[type=checkbox]:not(.slide):not(.switch):not(.ve_widget_switch):checked:disabled {
    background-position: -71px 0 !important;
}

/*ä¸å¯ç”¨*/
:root .greenSkin input[type=checkbox]:not(.slide):not(.switch):not(.ve_widget_switch):disabled ,
:root .exDialog input[type=checkbox]:not(.slide):not(.switch):not(.ve_widget_switch):disabled {
    background-position: -94px 0px !important;
}

/**/
.greenSkin .ui-menu {
    border: none;
    background: rgb(242, 242, 242);
    color: rgb(178, 178, 178);
}

.greenSkin .ui-menu li > div.ui-state-active {
    background: var(--brand-3) !important;
    border: none;
}

.greenSkin .wiscombox_data_container {
    border: 1px solid var(--brand-3);
    background: var(--white-1);
    color: var(--gray-2);
}

.greenSkin .wiscombox_data_container {
    line-height: 30px;
}

.greenSkin .wiscombox_data_container .select_all {
    background: transparent;
    border: none;
    height: 30px;
    line-height: 30px;
}

.greenSkin .wiscombox_data_container .wiscombox_data_list li,
.greenSkin .wiscombox_data_container .wiscombox_data_list li a {
    height: 30px;
    line-height: 30px;
    box-shadow: none !important;
}

.greenSkin .wiscombox_data_container .wiscombox_data_list li a:hover {
    background: var(--gray-6);
    /*     color: var(--gray-2)!important; */
}

.greenSkin .wiscombox_data_container .wiscombox_data_list::-webkit-scrollbar {
    width: 8px;
    background-color: #eeeeee;
}

.greenSkin .wiscombox_data_container .wiscombox_data_list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.greenSkin .wiscombox_data_container .wiscombox_data_list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: var(--gray-4);
}

.greenSkin .wiscombox_wrp input {
    border-radius: 5px !important;
    font-size: 12px;
    color: var(--gray-2);
}

.greenSkin .ve_form > span > .ve_field,
.greenSkin .wiscombox_data_item > a {
    color: var(--gray-2);
    font-size: 12px;
}

.greenSkin .dyn_ctl input:disabled, .dyn_ctl textarea:disabled {
    background: var(--gray-7);
    border: 1px solid var(--gray-4);
    color: var(--gray-4);
}

.greenSkin .wiscombox_wrp input:focus {
    box-shadow: none !important;
    outline: none !important;
    border: 1px solid var(--brand-3);
}

.greenSkin .wiscombox_data_container .fa-check-square,
.greenSkin .wiscombox_data_container .fa-square,
.greenSkin .wisgrid_head_flyer .fa-check-square,
.greenSkin .wisgrid_head_flyer .fa-square,
.greenSkin .wislist .fa-check-square,
.greenSkin .wislist .fa-square {
    background: url(../themes/greenSkin/checkbox.png) no-repeat 0 0;
    width: 16px !important;
    height: 16px !important;
    position: relative;
    top: 0px;
    line-height: inherit;
    display: inline-block;
    vertical-align: sub;
}

.greenSkin .wiscombox_data_container .fa-square,
.greenSkin .wislist .fa-square,
.greenSkin .wisgrid_head_flyer .fa-square {
    background-position: 0px 0px;
}

.greenSkin .wiscombox_data_container .fa-check-square,
.greenSkin .wislist .fa-check-square,
.greenSkin .wisgrid_head_flyer .fa-check-square {
    background-position: -47px 0px;
}

.greenSkin .wisgrid_head_flyer .fa-check-square,
.greenSkin .wisgrid_head_flyer .fa-square,
.greenSkin .wislist .fa-check-square,
.greenSkin .wislist .fa-square{
    margin: -2px 5px 0 0;
}

.greenSkin .wisgrid_head_flyer .fa-check-square:before,
.greenSkin .wisgrid_head_flyer .fa-square:before,
.greenSkin .wislist .fa-check-square:before,
.greenSkin .wislist .fa-square:before {
    content: '';
}

.greenSkin .wislist .actBar,
.exDialog .wislist .actBar {
    background: #f6f6f6;
    border-bottom: 1px solid var(--gray-6);
    padding: 0px 10px;
    line-height: 40px;
}

.greenSkin .wislist .wislist_item,
.exDialog .wislist .wislist_item {
    line-height: 40px;
    padding: 0 10px;
    border-bottom: none;
}

.greenSkin .wislist .wislist_item.selected,
.exDialog .wislist .wislist_item.selected {
    background: var(--brand-5);
    color: var(--brand-3);
}

.greenSkin .wislist .wislist_item.selected .selector_item_id,
.exDialog .wislist .wislist_item.selected .selector_item_id {
    color: var(--brand-3);
}

.greenSkin .wisgrid_head_flyer a.js_filter:hover,
.exDialog .wisgrid_head_flyer a.js_filter:hover {
    background: var(--brand-3);
}

.greenSkin [data-type=PAGER] ,
.exDialog [data-type=PAGER] {
    background: transparent;
    margin-left: 5px;
    height: 30px;
    font-size: 12px;
    width: auto !important;
    color: var(--gray-4)
}

.greenSkin [data-type=PAGER].wispage .sizer select,
.exDialog [data-type=PAGER].wispage .sizer select {
    border: 1px solid var(--gray-4);
    border-radius: 5px;
    height: 30px;
    padding: 0 30px 0 5px !important;
    background: url(../themes/greenSkin/down.png) right center no-repeat;
}

.greenSkin [data-type=PAGER].wispage input.wispage_input,
.exDialog [data-type=PAGER].wispage input.wispage_input {
    border: 1px solid var(--gray-4);
    border-radius: 5px;
    height: 30px;
    box-shadow: none;
    line-height: 30px;
}

.greenSkin [data-type=PAGER].wispage .wispage_nav a,
.exDialog [data-type=PAGER].wispage .wispage_nav a {
    border-radius: 5px;
    margin-left: 5px;
    width: 30px;
    height: 30px;
    background: var(--white-1);
    border: 1px solid var(--gray-4)
}

.greenSkin [data-type=PAGER].wispage .wispage_nav a.disabled,
.exDialog [data-type=PAGER].wispage .wispage_nav a.disabled {
    background: var(--gray-6)
}

.greenSkin [data-type=PAGER].wispage .wispage_nav,
.exDialog [data-type=PAGER].wispage .wispage_nav {
    float: left
}

.greenSkin [data-type=PAGER].wispage .wispage_nav a i ,
.exDialog [data-type=PAGER].wispage .wispage_nav a i {
    color: var(--gray-4);
    line-height: 28px;
    height: 100%;
}

.greenSkin [data-type=PAGER].wispage .wispage_nav a i:before,
.exDialog [data-type=PAGER].wispage .wispage_nav a i:before {
    font-weight: 300;
    width: 10px;
    height: 10px;
    font-size: 24px;
    text-align: center
}

.greenSkin [data-type=PAGER].wispage .fa-arrow-to-left:before,
.exDialog [data-type=PAGER].wispage .fa-arrow-to-left:before {
    content: '\f100';
}

.greenSkin [data-type=PAGER].wispage .fa-arrow-left:before,
.exDialog [data-type=PAGER].wispage .fa-arrow-left:before {
    content: "\f104";
}

.greenSkin [data-type=PAGER].wispage .fa-arrow-to-right:before ,
.exDialog [data-type=PAGER].wispage .fa-arrow-to-right:before {
    content: '\f101';
}

.greenSkin [data-type=PAGER].wispage .fa-arrow-right:before,
.exDialog [data-type=PAGER].wispage .fa-arrow-right:before {
    content: "\f105";
}

.greenSkin [data-type=PAGER].wispage .wispage_nav a:not(.disabled):hover,
.exDialog [data-type=PAGER].wispage .wispage_nav a:not(.disabled):hover {
    color: var(--white-1);
    background: var(--brand-3) !important;
    border: 1px solid var(--brand-3) !important
}

.greenSkin [data-type=PAGER].wispage .wispage_nav a:not(.disabled):hover i,
.exDialog [data-type=PAGER].wispage .wispage_nav a:not(.disabled):hover i {
    color: var(--white-1)
}

.greenSkin [data-type=PAGER].wispage .wispage_range,
.exDialog [data-type=PAGER].wispage .wispage_range {
    line-height: 30px;
    padding-right: 10px;
    color: #808080;
}

.greenSkin [data-type=PAGER].wispage .wispage_nav .info,
.exDialog [data-type=PAGER].wispage .wispage_nav .info {
    color: #808080;
    margin-right: 10px;
    margin-left: 10px;
}

.greenSkin [data-type=PAGER].wispage .wispage_nav .info .js_nav_count,
.exDialog [data-type=PAGER].wispage .wispage_nav .info .js_nav_count {
    color: #808080;
}

.greenSkin .wiscombox_data_item.selected, .greenSkin .wiscombox_data_item.selected>a,
.exDialog .wiscombox_data_item.selected, .exDialog .wiscombox_data_item.selected>a {
    background-color: var(--brand-3);
    color: var(--white-1);
}

/*è¿™ä¸ªæ˜¯æœç´¢æ¡†çš„ä¸‹é¢å±•ç¤ºçš„æ ·å¼*/
.greenSkin .ui-state-active,
.greenSkin .ui-widget-content .ui-state-active,
.greenSkin .ui-widget-header .ui-state-active,
.greenSkin a.ui-button:active, .ui-button:active,
.greenSkin .ui-button.ui-state-active:hover {
    border: 1px solid var(--brand-3);
    background: var(--brand-3);
    font-weight: normal;
    color: var(--white-1);
}

.greenSkin .ui-widget.ui-widget-content::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    display: none;
}

.greenSkin .wiscombox_data_list {
    border-radius: 5px;
}

.greenSkin .wiscombox_data_container {
    border: none;
    box-shadow: 1px 1px 10px var(--gray-4)!important;
    border-radius: 5px;
}

.greenSkin .wiscombox_data_item>a:hover, .wiscombox_data_item>a:active, .wiscombox_data_item>a:focus {
    color: var(--gray-2);
    background-color: var(--gray-6);
}

.greenSkin .wiscombox_data_container .select_all .fa-square::before,
.greenSkin .wiscombox_data_container .wiscombox_data_item .fa-square:before {
    content: '';
}

.greenSkin .wiscombox_data_container .select_all .fa-check-square::before,
.greenSkin .wiscombox_data_container .wiscombox_data_item .fa-check-square:before {
    content:'';
}

.greenSkin .wiscombox_data_container .select_all {
    border: none;
    background: var(--white-1);
}

.greenSkin .xdsoft_datetimepicker {
    border: none;
    border-radius: 5px;
    box-shadow: 1px 1px 10px var(--gray-4);
    font-size: 12px;
}

.greenSkin .xdsoft_datetimepicker .xdsoft_label i,
.greenSkin .xdsoft_datetimepicker .xdsoft_prev,
.greenSkin .xdsoft_datetimepicker .xdsoft_next,
.greenSkin .xdsoft_datetimepicker .xdsoft_today_button {
    opacity: .2!important;
}

.greenSkin .xdsoft_datetimepicker .xdsoft_label {
    color: var(--gray-2);
}

.greenSkin .xdsoft_datetimepicker .xdsoft_month {
    width: 92px;
}

.greenSkin .xdsoft_datetimepicker .xdsoft_year {
    width: 58px;
}

.greenSkin .xdsoft_datetimepicker .xdsoft_label i {
    opacity: .5;
    background-position: -45px -13px;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.greenSkin .xdsoft_datetimepicker .xdsoft_calendar th {
    color: var(--gray-4);
}

.greenSkin .xdsoft_datetimepicker .xdsoft_calendar td,
.greenSkin .xdsoft_datetimepicker .xdsoft_calendar th {
    height: 32px;
    line-height: 32px;
}

.greenSkin .xdsoft_datetimepicker .xdsoft_calendar td:hover,
.greenSkin .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: var(--gray-6) !important;
    color: var(--gray-2)!important;
}

.greenSkin .xdsoft_datetimepicker .xdsoft_calendar td,
.greenSkin .xdsoft_datetimepicker .xdsoft_calendar th {
    border: none;
    background: var(--white-1);
    text-align: center;
}

.greenSkin .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.greenSkin .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.greenSkin .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    color: var(--brand-3)!important;
    background: var(--brand-5);
    box-shadow: unset;
}

.greenSkin .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current>div {
    color: var(--brand-3);
}

.greenSkin .xdsoft_datetimepicker .xdsoft_calendar td>div {
    padding: 0;
    color: var(--gray-2);
}

/* tipped */
.greenSkin .tpd-skin-light .tpd-content,
.greenSkin .tpd-skin-light .tpd-title,
.greenSkin .tpd-skin-light .tpd-close {
    border: 1px solid transparent;
}

.greenSkin .tpd-tooltip [class^="tpd-"] {
    border: none;
    background-color: transparent!important;
    border-left-color: var(--white-1)!important;
    border-right-color: var(--white-1)!important;
    border-radius: 5px!important;
    color: var(--gray-2);
    line-height: 20px;
}

.greenSkin .tpd-shift-stem-side.tpd-shift-stem-side-before {
    display: none;
}

.greenSkin .tpd-shift-stem-side.tpd-shift-stem-side-after {
    display: none;
}

.greenSkin .tpd-tooltip .tpd-skin .tpd-frames .tpd-frame .tpd-shift-stem .tpd-stem-reset {
    width: 18px!important;
    height: 18px!important;
    background: var(--white-1)!important;
    box-shadow: 1px 1px 10px var(--gray-4);
    transform: translate(20px, 3px) rotate(45deg);
}

.greenSkin .tpd-tooltip.tpd-skin-light.tpd-size-large.tpd-no-radius textarea,
.greenSkin .tpd-tooltip.tpd-skin-light.tpd-size-large.tpd-no-radius input {
    border: 1px solid var(--gray-4);
    border-radius: 5px;
}

.greenSkin .tpd-tooltip.tpd-skin-light.tpd-size-large.tpd-no-radius textarea:hover,
.greenSkin .tpd-tooltip.tpd-skin-light.tpd-size-large.tpd-no-radius textarea:focus {
    border: 1px solid var(--brand-3);
    box-shadow: none;
}

.greenSkin .tpd-tooltip.tpd-skin-light.tpd-size-large.tpd-no-radius button {
    border: 1px solid var(--brand-3);
    border-radius: 5px;
    background: var(--brand-3);
    color: var(--white-1);
    height: 30px;
    box-shadow: none;
    padding: 0px 20px!important;
    margin: 10px 0px 10px 10px!important;
}

.greenSkin button.ngs_icon_nb,
.exDialog button.ngs_icon_nb {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-item: center;
}

.greenSkin button.ngs_icon_nb .js_label,
.exDialog button.ngs_icon_nb .js_label {
    font-size: 12px;
    line-height: 24px;
}

.greenSkin button.ngs_icon_nb .pull-left, .greenSkin button.ngs_icon_nb .pull-right ,
.exDialog button.ngs_icon_nb .pull-left, .exDialog button.ngs_icon_nb .pull-right {
    line-height: 24px;
}

.greenSkin button.ngs_icon_nb .fa-angle-double-up.pull-left::before ,
.exDialog button.ngs_icon_nb .fa-angle-double-up.pull-left::before {
    content: "\f0d8";
    font-weight: 900;
}

.greenSkin button.ngs_icon_nb .fa-angle-double-down.pull-left::before,
.exDialog button.ngs_icon_nb .fa-angle-double-down.pull-left::before {
    content: "\f0d7";
    font-weight: 900;
    color: #808080;
}

.fa-mixcloud::before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f002";
    color: #808080;
    font-weight: 300;
    font-size: 16px;
    position: absolute;
    right: 5px;
    top: 5px;
}

.greenSkin .wisgrid_head_flyer {
    border: none;
    box-shadow: 1px 1px 10px var(--gray-4);
    border-radius: 5px;
}

.greenSkin .wisgrid_head_flyer::before {
    content: '';
    display: block;
    position: absolute;
    top: -21px;
    left: 20px;
    width: 1px;
    height: 1px;
    background: transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid var(--white-1);
}

.greenSkin .wisgrid_head_flyer li>a:hover {
    background: var(--gray-6);
    color: var(--gray-2);
}

.greenSkin .wisgrid_head_flyer li.filter>input {
    border-radius: 5px;
    border: 1px solid var(--gray-4);
}

.greenSkin .wisgrid_head_flyer li.filter>input:hover,
.greenSkin .wisgrid_head_flyer li.filter>input:focus {
    border: 1px solid var(--brand-3);
    box-shadow: unset;
}

.greenSkin .wisgrid_head_flyer li.sep {
    display: none;
}

.greenSkin .wisgrid .wisgrid-htable th.wisgrid-asc:hover {
    background: none;
}

/* LAYER */
.greenSkin div[data-type="LAYER"]>div,
.exDialog div[data-type="LAYER"]>div {
    background-color: var(--gray-6);
}

/* data-type="DROPDOWN" */
.greenSkin ul.dropdown_menu._spry_slided,
.exDialog ul.dropdown_menu._spry_slided{
    border: none;
    color: var(--gray-2);
    box-shadow: 1px 1px 10px var(--gray-4);
}

.greenSkin .wisDropdown .dropdown_menu>li>a:not(.disabled):hover,
.greenSkin .wisDropdown .dropdown_menu>li>a:not(.disabled):focus,
.exDialog .wisDropdown .dropdown_menu>li>a:not(.disabled):hover,
.exDialog .wisDropdown .dropdown_menu>li>a:not(.disabled):focus{
    background:var(--gray-6);
}

.greenSkin .wisgrid .wisgrid-btable tr.selected td .html div ,
.exDialog .wisgrid .wisgrid-btable tr.selected td .html div {
    background-color: var(--brand-3) !important;
}

.greenSkin .wisgrid .wisgrid-btable tr.selected td .html div > * ,
.exDialog .wisgrid .wisgrid-btable tr.selected td .html div > * {
    color: var(--white-1) !important;
}

.greenSkin .wisgrid table tr.selected td.range .html div ,
.exDialog .wisgrid table tr.selected td.range .html div {
    background-color: var(--brand-3) !important;
    color: white !important;
    opacity: .7;
}

.greenSkin [data-type="RADIO"].rounded ,
.exDialog [data-type="RADIO"].rounded {
    background: transparent;
    border: 0;
}

.greenSkin [data-type="RADIO"].rounded + .rounded span,
.exDialog [data-type="RADIO"].rounded + .rounded span {
    /* border-left: 0px !important; */
}

.greenSkin [data-type="RADIO"].rounded span,
.exDialog [data-type="RADIO"].rounded span {
    display: block;
    border: 1px solid var(--brand-3) !important;
    color: var(--brand-3);
    width: 100%;
    padding: 5px 12px !important;
}

.greenSkin [data-type="RADIO"].rounded input,
.exDialog [data-type="RADIO"].rounded input {
    display: none;
}

.greenSkin .rounded>input[type=radio] + label:hover,
.greenSkin .rounded>input[type=radio] + span:hover,
.exDialog .rounded>input[type=radio] + label:hover,
.exDialog .rounded>input[type=radio] + span:hover {
    color: var(--white-1);
    background: var(--brand-3);
}

.greenSkin .rounded>input[type=radio]:checked + label,
.greenSkin .rounded>input[type=radio]:checked + span,
.exDialog .rounded>input[type=radio]:checked + label,
.exDialog .rounded>input[type=radio]:checked + span {
    color: var(--white-1);
    background: var(--brand-3);
}


.greenSkin [data-type="COMBOX"] .wiscombox_menu:focus,
.greenSkin [data-type="COMBOX"] .wiscombox_menu:hover,
.exDialog [data-type="COMBOX"] .wiscombox_menu:focus,
.exDialog [data-type="COMBOX"] .wiscombox_menu:hover {
    border: 1px solid var(--brand-3);
}

.greenSkin select[data-type="COMBOX"]:hover,
.greenSkin select[data-type="COMBOX"]:focus,
.exDialog select[data-type="COMBOX"]:hover,
.exDialog select[data-type="COMBOX"]:focus {
    border: 1px solid var(--brand-3);
}


.greenSkin .vertical_label .ve_form .label,
.exDialog .vertical_label .ve_form .label {
    display: flex;
    line-height: 30px;
}

.greenSkin ul.xitem > li_tableCell > .dyn_ctl,
.exDialog ul.xitem > li_tableCell > .dyn_ctl {
    outline: 0;
    background: var(--brand-5) !important;
    color: var(--brand-3) !important;
}

#staffSelectorDialog .stafflist a.clearStaffs {
    opacity: 1;
    color: var(--brand-3);
}

#staffSelectorDialog .stafflist ul.js_list>li {
    padding: 0 20px 0 5px;
}

#staffSelectorDialog .stafflist ul.js_list>li * {
    line-height: 40px;
}

#staffSelectorDialog .stafflist ul.js_list>li>a {
    right: 10px;
    color: #808080;
    opacity: 1;
}

#staffSelectorDialog .stafflist ul.js_list>li>a:hover {
    color: var(--brand-3);
}

.exDialog .filter > a {
    top: 6px;
    opacity: 1;
    color: var(--brand-3);
}

.exDialog .filter > a > i {
    font-weight: 400;
}

/*è¡¨æ ¼æŽ§ä»¶ä¸ºé€æ˜Ž*/

.greenSkin [data-type="TABLE"].transparent .transparent .wisgrid .wisgrid-btable tr.selected td.range {
    background-color: transparent !important;
}

.greenSkin [data-type="TABLE"].transparent .wisgrid .wisgrid-btable tr.selected td:not(.cur):not(.range), .exDialog .wisgrid .wisgrid-btable tr.selected {
    background-color: transparent !important;
}

.greenSkin [data-type="TABLE"].transparent .wisgrid table tr.selected td.range {
    background-color: transparent !important;
}

.greenSkin [data-type="TREE"].transparent .wistree-arrows .wistree-node-over .wistree-elbow-minus:before ,
.exDialog .wistree  .wistree-arrows .wistree-selected.wistree-node-over .wistree-elbow-minus:before {
    color: var(--brand-3);
}

.greenSkin [data-type="LAYER"].dyn_valign_middle .ve_form .labelBox {
    display: flex;
}

.ve_input.wiscombox_wrp.wiscombox_menu.disabled{
    border-color:#dbdbdb;
    background:#f6f6f6 url(../themes/greenSkin/un_down.png) right center no-repeat;
}

.ve_input.wiscombox_wrp.wiscombox_menu.disabled input:disabled{
    background:transparent;
    border:none;
}

.wistab.vertical .wistab_nav:hover>a {
    border-right: 2px solid var(--brand-3);
    border-bottom: 0
}

.wistab.vertical .wistab_nav.selected>a {
    border-right: 2px solid var(--brand-3);
    border-bottom: 0
}

.wistab.vertical .wistab_panels {
    border-top: 0;
    border-left: 1px solid var(--gray-4);
    top: 0
}

/* xnDatepicker  */
.xndatepicker .xn-bottom {
    border-top: 1px solid var(--brand-5);
}

.xndatepicker .xn-bottom>a {
    border-left: 1px solid var(--brand-5);
    color: var(--brand-3);
}

.xndatepicker .timepicker {
    border-bottom: 1px solid var(--brand-5);
}

.xndatepicker .year-picker {
    border-bottom: 1px solid var(--brand-5);
}

.xndatepicker .date-main,
.xndatepicker .date-item {
    border-left: 1px solid var(--brand-5);
}

.xndatepicker.week .dater>span.active-day:hover, .xndatepicker.week .dater>.hover, .xndatepicker .dater>.active-day.hover, .month-item.hover,.year-item.hover {
    background: var(--brand-5);
    color: var(--brand-3);
}

.xndatepicker .xn-bottom>a.confirm-date,
.xndatepicker .dater>span.active-day:hover,
.xndatepicker .cur-date, .xndatepicker .hover.cur-date, .xndatepicker .dater>span.cur-date.hover,
.year-list .year-item:hover, .month-list .month-item:hover,
.xntimepicker .confirm-time,
.xntimepicker .confirm-time:hover,
.xntimepicker ul li:hover,
.xntimepicker ul li.on {
    background: var(--brand-3);
}

.xndatepicker .shortcut li,
.xndatepicker .shortcut li:hover,
.xndatepicker .year-info span:hover,
.xndatepicker .next>span:hover,.xndatepicker .prev>span:hover,
.xndatepicker .next,.xndatepicker .prev,
.xntimepicker .cur-time,
.xndatepicker .month-info:hover {
    color: var(--brand-3);
}

.xndatepicker .xntriangle {
    border: 1px solid var(--brand-5);
    z-index: -1;
}

.greenSkin .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
    border: none;
    box-shadow: 0 0 10px var(--gray-4);
    border-radius: 5px;
}

.greenSkin .xdsoft_datetimepicker .xdsoft_label {
    color: var(--gray-2);
}

.greenSkin .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
    font-weight: normal;
}

.greenSkin .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    background: var(--brand-5);
    color: var(--gray-2);
}

.greenSkin .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    background: var(--gray-6);
    box-shadow: none;
    color: var(--brand-3);
    font-weight: bolder;
}

/* SWITCHER */
[data-type="SWITCHER"].wisSwitch.on .switch_slider {
    background: var(--brand-3);
    box-shadow: none;
}

[data-type="SWITCHER"].wisSwitch .switch_grab {
    box-shadow: none;
}

[data-type="SWITCHER"].wisSwitch .switch_slider {
    background: var(--gray-4);
    box-shadow: none;
}

[data-type="SWITCHER"].wisSwitch.disabled .switch_slider {
    background: var(--gray-5);
    box-shadow: none;
}


[data-type="NUMBOX"] .ve_widget_numbox.numbox {
    line-height: 20px;
}

[data-type="NUMBOX"] .numbox .alignment:focus,
[data-type="NUMBOX"] .numbox .alignment:hover {
    box-shadow: none;
    border: 1px solid var(--brand-3);
}

[data-type="YEARMONTH"] input {
    border-radius: 5px;
}

[data-type="YEARMONTH"] input:focus {
    box-shadow: none;
    border: 1px solid var(--brand-3);
}

html, .elite_body, .wisgrid .range .wisgrid-cell-span {
    background-color: #CCCCCC;
}